webForumDet fria alternativet

Centrering

14 svar · 668 visningar · startad av rikard81

rikard81Medlem sedan mars 2007357 inlägg
#1

Hur centrerar man en container till mitten av sidan när man har relativa värden på boxens totala bredd? alltså width angivet i %. Funkar ej med margin-left och margin-right: auto;?

Danne VMedlem sedan aug. 20067 685 inlägg
#2

Funkar det inte med margin:auto?
Kollar du i IE6 eler nåt så tror jag du ska ha text-align:center i body-taggen.

rikard81Medlem sedan mars 2007357 inlägg
#3

Sitter med IE 7 och FF. Funkar ej med text-align:center; heller. ?

rikard81Medlem sedan mars 2007357 inlägg
#4

Pixlar åt left är ingen höjdare..borde gå på nått sätt med auto..

Danne VMedlem sedan aug. 20067 685 inlägg
#5

Du får nog visa kod - både html och css.
Det hänger en häst i luften här.....

rikard81Medlem sedan mars 2007357 inlägg
#6

Edit

Danne VMedlem sedan aug. 20067 685 inlägg
#7

Html:en, då? Och en förklaring vilken div du menar osv.
Helst är det ju bäst förstås om du laddar upp ALLT och ger en länk....

rikard81Medlem sedan mars 2007357 inlägg
#8

Sorry.. Ser lite dumt ut.. Det är wrappern jag vill ha centrerad. Men vet inte hur?

andyoumaydieMedlem sedan dec. 2006404 inlägg
#9

wrappern är ju 100% bred, då bör den väl ligga i mitten?
/red eller max 550px såg jag nu... :r

rikard81Medlem sedan mars 2007357 inlägg
#10

Inte när jag har en max-width på 550px;

cayaMedlem sedan aug. 2005514 inlägg
#11

wrappern är ju 100% - det går inte att få den mer centrerad eftersom den upptar 100% av webbläsarens yta. dessutom har den float:left vilket inte gör det lättare att få den centrerad ;)

i övrigt, ta bort z-index och floats tills vidare

andyoumaydieMedlem sedan dec. 2006404 inlägg
#12
#wrapper{
background-color:#00FF00;
width: 100%;
max-width: 550px;
margin: auto;
}

Sådär kanske. Fast nu är det grön bakgrundsfärg i wrappern, så du kan se vart den ligger.

rikard81Medlem sedan mars 2007357 inlägg
#13

Tack alla. andyoumaydie. Du är kung.. det funkade..

rikard81Medlem sedan mars 2007357 inlägg
#14

Vad var det du ändrade? var det att det var float: left och att du la till margin: auto;

andyoumaydieMedlem sedan dec. 2006404 inlägg
#15

Jag tog bort float: left; och lade till margin: auto;

Hur markerar jag vilket svar som löste mitt problem? ;)

Genererad på 371 ms · cache AV · v20260730165559-full.f96bc7eb