Hej hej!
Jag sitter här och klurar lite på hur jag ska bygga en layout jag vill ha på bästa sätt. Tanken är att en div ska styra bredden, width:700px; som exempel, i denna ska sedan endest en div vara i fast bredd och det är menyn, 150px.
Så långt, så väl.
#wrapper {
width: 700px;
margin-left: auto;
margin-right: auto;
border: 1px solid #000;
background-color: #DDDFE1;
}
#header {
height:50px;
border-bottom:1px solid #000;
}
#menycont {
width:150px;
background-color:#fff;
float:left;
}
#maincont {
background-color:#ccc;
float:left;
}
#footer {
border-top:1px solid #000;
background-color:#999;
clear:both;
}
<div id="wrapper">
<div id="header">
huvud
</div>
<div id="menycont">
axlar
</div>
<div id="maincont">
knä och tå
</div>
<div id="footer">
fot
</div>
</div>
MEN precis som med allt annat så uppstår det ibland problem, jag hade tänkt koda in ett forum i denna design senare och tanken är väll att inläggen inte ska listat som de gör här utan det ska vara nested[ord?], alltså:
- Original [1]
-- Svar på 1 [1.1]
---Svar på 1.1[1.2]
----Svar på 1.2[1.3]
-Svar på 1 [2.1]
Hoppas att ni förstår.
Problemet är ju då att efter ett tag finns ju risken att innehållet inte får plats om det blir en lång diskussion och då vore det ju väldigt smidigt om designen hängde med så att säga. Provade lite med min-width men det känndes inte riktigt säkert.
Hur hade DU gjort? Om du nu promt var tvugen att ha just den designen på forumet ;) Eller har du kanske ett gäng andra tips som skulle vara mycket bättre än tanken jag har nu? Anledningen till att jag vill lista inläggen på det viset är för att det enligt mig blir bra mycket lättare att läsa istället för att dela upp det på flera sidor.