Jag har fortfarande inte riktigt fattat detta...
Jag har två divar, som ska ha samma höjd bredvid varandra:
Exempel kod:
<html><head>
<style type="text/css">
* {margin:0;padding:0;}
html,body {
color: #000; background-color:#fff;
text-align:center;
}
#container {
width:740px;
margin:0 auto;
text-align: left;
border:1px solid #000;
}
#sidebar {
border:1px solid #000;
width:220px;
float:left;
}
#main {
border:1px solid #000;
width:500px;
float:right;
}
</style>
</head>
<body>
<div id="container">
<div id="sidebar"><p>sidebar</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean tristique tortor nec neque.
</div>
<div id="main"><p>main</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean tristique
tortor nec neque. Nullam risus turpis, bibendum vitae, dapibus id, tempor et,
orci. Etiam sed nunc eu lacus semper interdum. Aenean sollicitudin nunc vel
purus pharetra ultrices. Donec molestie ipsum at libero. Praesent euismod pharetra
risus. Donec condimentum quam ut quam posuere rutrum. Aliquam erat volutpat.
Mauris venenatis massa id lectus. Mauris scelerisque, mi at condimentum eleifend,
arcu est iaculis lectus, id porta ipsum turpis at erat. Morbi ac nunc ac erat
dapibus mollis. Integer ipsum. Vestibulum egestas, libero eu egestas rutrum,
diam ligula commodo purus, eu tincidunt quam eros et tellus. In hac habitasse
platea dictumst.Donec diam leo, tristique ac, sodales eu, tristique varius, est. Duis egestas
dui non ipsum facilisis commodo. Aliquam erat volutpat. Nullam pede neque, lacinia
eu, tincidunt a, mollis malesuada, augue. Quisque ac ligula ut velit porttitor
rhoncus. Praesent accumsan sagittis elit. Sed in arcu. Aenean vitae neque sit
amet felis dapibus tincidunt. Quisque sodales, neque sed nonummy eleifend, leo
est sagittis turpis, ac hendrerit pede mauris at dolor. Donec ut nisl eget dui
interdum condimentum. Nam massa quam, porttitor eget, feugiat vel, ullamcorper
ac, nibh. Pellentesque elit. Pellentesque consectetuer quam ut orci.
</div>
</div>
</body>
</html>
Om den högra är längre än den vänstra ska den vänstra sträckas ut till samma höjd som den högra.
Om den vänstra är längre än den högra ska den högra sträckas ut till samma höjd som den vänstra.
Jag har en border runt båda två så jag måste få dem på samma höjd... men jag förstår inte riktigt hur det ska gå till.