Dodatkowe pytanie (layout), jest to mój pierwszy pisany od zera, wygląda gorzej niż osób które wydawały w 2007 ale nie jest to dział do ocen ani nic więc proszę tego nie krytykować bo od czegoś muszę zacząć oraz też poprawności html bo jest tylko do testowania,
a pytanie: jak mogę zrobić żeby diva content nie psuł długi tekst?
body
{
color:#04030A;
font:13px Arial, Helvetica, sans-serif;
background:#EBEBEB no-repeat center;
background-size:1000px 1800px;
position:absolute;
margin:0;
overflow:auto;
}
#menu, #menu2
{
border:1px solid #191919;
width:100px;
height:200px;
float:left;
background-color:#8D8D8D;
}
#menu
{
border-left:thick solid #191919;
border-right:solid #191919;
float:left;
}
#menu2
{
border-right:thick solid #191919;
border-left:solid #191919;
float:right;}
footer, header
{
color:#BBB;
text-decoration:none;
font-size:10px;
border:1px solid #191919;
text-align:center;
clear:both;
background-color:#0013BF;
}
header
{
border-top-left-radius:0.3cm;
border-top-right-radius:0.3cm;
}
footer
{
border-bottom-right-radius:0.3cm;
border-bottom-left-radius:0.3cm;
}
footer a {color:#D9CE00;}
#content
{
float:left;
}
<header>Witaj na stronie!</header>
<a href="#">Link
</a><br/> <a href="#">Link 2
</a><br/>
<div id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div> <a href="#">Link
</a><br/> <a href="#">Link 2
</a><br/> <a href="#">Link 3
</a> </div>
<footer>©ZaXaZ 2013-2014</footer>
taki sam efekt z długim tekstem uzyskiwałem przy krótkim gdy content był zwykłym divem bez float left.
Ps. jestem początkujący w html/css - uczyłem się rok temu ale nadal słabo mi idzie.
Ps. 2. chcę się tu ograniczyć do samego html i css (żadnego js.)