2 svar · 494 visningar · startad av Dino
Har en mall till en layout som skall se ut så här.
Undrar då om detta är det bästa sättet att åstadkomma detta.
<div style="height:100px;background-color:#E6E6E6;"> </div>
<div style="height:250px;background-color:#CDBCA3;"> </div>
<div style="height:100%;background-color:#E6E6E6;"> </div>
<div style="height:70%;width:600px;background-color:#C1C1C1;position:absolute;top:50px;left:150px;"> </div>
Eller hur skulle DU göra?
Om det är meningen att det ska vara vitt underst så ser det ok ut.
Men jag får känslan av att det gråa, e6e6e6 ska ligga som en bakgrund och då bör du flytta färgen till body.
<body style="background-color:#e6e6e6;">
<div style="height:250px;background-color:#CDBCA3; margin-top:100px;"> </div>
<div style="height:70%; width:600px; background-color:#C1C1C1; position:absolute; top:50px; left:150px;"> </div>
</body>
Och sen tar du självklart bort samtliga inline-taggar och gör klass/id istället! :)
Du kan även (som jag skulle ha gjort) ta bort 250px divven och göra det till en bakgrundsbild i body istället!
<body style="background: #e6e6e6 url('/bild.gif') repeat-x;">
<div style="height:70%; width:600px; background-color:#C1C1C1; margin:50px 0 0 150px;"> </div>
</body>