Problem CSS IE Firefox Content wächst mit...

lycoos

Hi Jungs,

ich setze mich grade mit CSS und HTML auseinander und nun habe ich ein Problem.

Ich habe einen Border um das ganze. Ein Menü und ein Menü Rahmen. Soweit so gut.

Nun habe ich es mal ausprobiert was passiert. Wenn ich viele Menüpunkte einführe. Darauf hin bekam ich den Fehler, dass das Menü über den Contentbereich hinausgeht. Im Firefox! Im IE ist alles korrekt.
Kann sich das mal wer von euch Cracks anschauen?

Meine CSS Datei:

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:
40:
41:

 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;
}

Meine HTML Datei sieht momentan wie folgt aus..

code:

1:

 <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>

Ich freue mich über jeden helfenden Post!

mfg

Lycoos

MonsterOfRock

Also mit reinem css hab ich das jetzt auch nich hinbekommen, ich denke das dynamische 'mitwachsen' von div Blöcken geht mit css alleine garnicht. Ich hab dazu einfach Tabellen genommen.

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>

lycoos

Unnötiger thread ^^

Einfach nen footer element mit Clear Both einbauen ^^

Konoha

Zitat:

Original von MonsterOfRock
Also mit reinem css hab ich das jetzt auch nich hinbekommen, ich denke das dynamische 'mitwachsen' von div Blöcken geht mit css alleine garnicht. Ich hab dazu einfach Tabellen genommen.

Wieso sollte das nicht gehen?
Sie wächst doch natürlicherweise mit, sofern sie geschlossen wird. ;D

Forensoftware: Burning Board, entwickelt von WoltLab GmbH