Lasse HMedlem sedan aug. 20051 424 inlägg
Hur centrerar jag den här layouten?
Nu ligger sidan till vänster på skärmen.
Jag vill ha den på mitten.
Eller är det inte denna CSS mall som bestämmer det?
#layout {float: left; width: 900px; background: url("bild/top1.jpg");}
#sidhuvud {padding: 0 10px 20px 10px; margin: 0;}
#kolumncontainer{float: left; width: 900px; background: #dba742;}
#kolumn1 {float: left; width: 579px; padding: 10px; border-left: 1px solid #000000; background: #ffffff;}
#kolumn2 {float: left; width: 280px; padding: 10px; border-top: 1px solid #000000;}
#sidfot {clear: both; width: 880px; padding: 10px 10px 0 10px; margin: 0; background: url("bild/bot1.jpg");}
oskarsMedlem sedan nov. 20051 263 inlägg
testa
* {margin:0 auto; padding:0 auto;}
TroxyMedlem sedan mars 20041 508 inlägg
Visa din HTML-kod.
För att centrera en hemsida så är det lättast att lägga allting i en div, som du sedan sätter margin: 0 auto på.
Lasse HMedlem sedan aug. 20051 424 inlägg
oskars skrev:
testa
* {margin:0 auto; padding:0 auto;}
Det funkade bra att göra på det viset.
Sidan blev centrerad som jag ville.
Tyvärr blev det strul med bakgrundsbilden när jag kollade i Firefox.
I Explorer blev det bra.
Får se vad jag kan göra åt saken senare.
Lasse HMedlem sedan aug. 20051 424 inlägg
Troxy skrev:
Visa din HTML-kod.
För att centrera en hemsida så är det lättast att lägga allting i en div, som du sedan sätter margin: 0 auto på.
Här finns koden:
http://www.tjuvgods.se/
TroxyMedlem sedan mars 20041 508 inlägg
#layout {margin: 0 auto; width: 900px; background: url("bild/top1.jpg");}
bossseMedlem sedan juni 2003718 inlägg
Om du också anger höjd så kan du centrera så här oavsett fönsterstorlek eller upplösning!
#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
Lasse HMedlem sedan aug. 20051 424 inlägg
Troxy skrev:
#layout {margin: 0 auto; width: 900px; background: url("bild/top1.jpg");}
Visst, det ser bra ut i Explorer men i Firefox blir det något knas med bakgrundsbilden.
Det blir en glipa mellan bilden och menyn.
Får kanske nöja mig med att sidan ligger som den gör till vänster på skärmen :OO
bossseMedlem sedan juni 2003718 inlägg
Jag får centrerat i både läsarna med koden nedan.
Se bifogade filer.
#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
bossseMedlem sedan juni 2003718 inlägg
Jag får centrerat i både läsarna med koden nedan.
Se bifogade filer.
#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
Ett annat sätt som borde funka är
#layout {BACKGROUND: url(bild/top1.jpg); WIDTH: 900px; HEIGHT:100%;}
Lägg sedan center direkt innan div layout
<center><DIV id=layout>
Avsuta centreringen diret innan sista body-taggen
</center></BODY></HTML>
bossseMedlem sedan juni 2003718 inlägg
Ett annat sätt som borde funka är
#layout {BACKGROUND: url(bild/top1.jpg); WIDTH: 900px; HEIGHT:100%;}
Lägg sedan center direkt innan div layout
<center><DIV id=layout>
Avsuta centreringen diret innan sista body-taggen
</center></BODY></HTML>
cayaMedlem sedan aug. 2005514 inlägg
även
body { text-align:center; }
#layout { text-align:left; background: url(bild/top1.jpg);
width: 900px; height:500px; position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;
}
dvs, ta bort float och centertaggen, lägg till en centrering i body för att ie ska förstå
Lasse HMedlem sedan aug. 20051 424 inlägg
bossse skrev:
Jag får centrerat i både läsarna med koden nedan.
Se bifogade filer.
#layout
{ BACKGROUND: url(bild/top1.jpg);
FLOAT:left; WIDTH: 900px; HEIGHT:500px;
position:absolute; left:50%; top:50%;
margin-left:-450px; margin-top:-250px;}
Jag med, men kör jag 1280*1024 upplösning på skärmen hamnar sidan för långt ner på skärmen. annars ser det dock bra ut både i IE och FF.
Ska testa med de andra förslagen senare ikväll.
