HTML & CSSur HTML, XHTML & CSS
14 svar · 668 visningar · startad av rikard81
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;?
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.
Sitter med IE 7 och FF. Funkar ej med text-align:center; heller. ?
Pixlar åt left är ingen höjdare..borde gå på nått sätt med auto..
Du får nog visa kod - både html och css.
Det hänger en häst i luften här.....
Edit
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....
Sorry.. Ser lite dumt ut.. Det är wrappern jag vill ha centrerad. Men vet inte hur?
wrappern är ju 100% bred, då bör den väl ligga i mitten?
/red eller max 550px såg jag nu... :r
Inte när jag har en max-width på 550px;
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
#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.
Tack alla. andyoumaydie. Du är kung.. det funkade..
Vad var det du ändrade? var det att det var float: left och att du la till margin: auto;
Jag tog bort float: left; och lade till margin: auto;