yourWBB | HTML, XHTML, JavaScript & CSS | Problem CSS IE Firefox Content wächst mit...

body { } #border { width:800px; min-height:400px; margin:auto; margin-top:15px; border-style: solid; border-color:#D3D3D3; border-width:2px; } #menulinks { border-right-style:solid; border-right-color:#D3D3D3; border-right-width:2px; float:left; width:195px; min-height:400px; } #menu { padding:0px; margin:0px; } #menu li { background-color:#FFFFFF; padding:5px; margin:1px 1px 1px 1px; border-style:solid; border-color:#D3D3D3; border-width:1px; list-style:none; color:#000000; }

<HTML> <HEAD> <LINK rel="stylesheet" type="text/css" href="standard.css"> </HEAD> <BODY> <div id="border"> <div id="menulinks"> <ul id="menu"> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> <li>immenu</li> </ul> </div> test </div> </BODY> </HTML>

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
<!--
#border{width:800px;margin:auto;margin-top:15px;margin-bottom:15px;border-style: solid;border-color:#D3D3D3;border-width:2px;}
#menulinks{border-right-style:solid;border-right-color:#D3D3D3;border-right-width:2px;float:left;width:195px;}
#menu{padding:0px;margin:0px;}
#menu li{background-color:#FFFFFF;padding:5px;margin:1px 1px 1px 1px;border-style:solid;border-color:#D3D3D3;border-width:1px;list-style:none;color:#000000;} 
-->
</style>
</head>

<body>
 <div id="border"> 
  <table cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td>
     <div id="menulinks"> 
      <ul id="menu"> 	
   	   <li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li>       <li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li>       <li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li><li>immenu</li>
      </ul> 
     </div>
    </td>
    <td>
     <p>Test</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
    </td>
   </tr>
  </table>    
 </div> 
</body>

</html>