"Rätt" layout kod

2 svar · 496 visningar · startad av Dino 26 sep. 2008

DinoMedlem sedan sep. 20011 914 inlägg

Frågan26 sep. 2008 22:22#1

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;">&nbsp;</div>
<div style="height:250px;background-color:#CDBCA3;">&nbsp;</div>
<div style="height:100%;background-color:#E6E6E6;">&nbsp;</div>
<div style="height:70%;width:600px;background-color:#C1C1C1;position:absolute;top:50px;left:150px;">&nbsp;</div>

Eller hur skulle DU göra?

doggelitoMedlem sedan juni 20003 076 inlägg

27 sep. 2008 09:51#2

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;">&nbsp;</div>
     <div style="height:70%; width:600px; background-color:#C1C1C1; position:absolute; top:50px; left:150px;">&nbsp;</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;">&nbsp;</div>
</body>

DinoMedlem sedan sep. 20011 914 inlägg

27 sep. 2008 10:12#3

Båda alternativen var ju bättre så jag får se vilken av dem jag använder.

Tackar för hjälpen.