[mactrix]

Mircy ponawiam pytanie zadane wczoraj do problemu, którego nie udało się ogarnąć. Jak poprawnie ustawić na środku element secondary-navigation?

kod CSS

.main-header {

position: relative;

float: left;

width: 100%;

z-index: 99;

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

.secondary-navigation {

border-bottom: 4px solid #63ad31;

max-width: 1013px;

min-width: 240px;

display: block;

float: left;

width: 100%;

background: url(images/bg1.jpg) 0 0 repeat;

margin-left: auto;

margin-right: auto;

position: relative;

}

Nie wiem co z tym float zrobić, bo przesuwa mi cały czas element w lewą stronę, a jak usuwam go to zostaje sam wyśrodkowany tekst a obrazek tła pod nim znika

#css #pytanie #pomocy #januszekodowania #programowanie

[mactrix]

@Bitrut: zobaczymy, choć zagorzali mędrcy tagu mogą to uznać za zniewagę ( ͡° ʖ̯ ͡°)

[marrbacca]

@mactrix: u mnie działa: http://codepen.io/anon/pen/Gufmq

[neoandrew]

@mactrix: zależy co chcesz osiągnąć, nie ma jedynego prawidłowego sposobu, bo css i html ma wiele niuansów, najprościej to rodzic z text-align:center http://codepen.io/anon/pen/eCdqr

Ale widzę, że twój css to jakieś straszne kombinacje, więc równie dobrze mogę założyć, że zabierasz się za coś od dupy strony.

[mactrix]

@neoandrew: Szczerze to zmieniam tylko układ szablonu. Marginesy na auto dodałem sam, bo wtedy tekst nawigacji (gdy było bez float) poziomował się równomiernie na środku.

[sciana]

Weź sobie ściągnij Bootstrapa. Będziesz miał porządny, responsywny layout pod każde urządzenie. Kto teraz takie rzeczy robi na piechotę?

[neoandrew]

Kto teraz takie rzeczy robi na piechotę?

@sciana: Każdy kto coś umie napisać sam, przeładowane bootstrapy itp. to jest chora metodyka.

@mactrix: Jasne, ale nie daje się razem np. auto margina i float'a, stąd wiem, że kombinujesz, bo zbytnie nie ogarniasz, a szablon musi być niskiej jakości.

[mactrix]

@neoandrew: spoko, cos już ogarnąłem :)