Christoph: Haupt div enthält 2 Div boxen nebeneinander.

Beitrag lesen

SELF-Forum

Haupt div enthält 2 Div boxen nebeneinander.

Christoph
– Informationen zu den Bewertungsregeln

Hi.

Ich habe eine Frage zu CSS und Div boxen.

Ich habe eine Seite zusammengestellt, dass mehrere Spalten enthält. einen Header, einen Contentbereich und einen Footbereich. der Contentbereich enthält 2 Div elemente, einmal links und einmal rechts. der container für die beiden boxen soll entsprechend der länge der beiden conten divs mitwachsen. in IE funktioniert das auch, in Firefox nicht. Was mache ich falsch?

Hier mein Beispeil:

  
  
<body>  
    <!--Content Start-->  
  
	<div id="content">  
			  
            <!--Head Start-->  
      <div id="header"></div>  
  
        	<!--Head End-->  
  
            <!--maincontent Start-->  
  
            <div id="maincontent">  
  
            	  
            	<div id="leftcontent">  
  
                	  
            	</div>  
  
                <div id="rightcontent">  
  
                	<div id="mininews1">  
                  	<div id="boxkopf"></div>  
                        <div id="boxinhalt"></div>  
                        </div>  
  
                </div>  
            </div>  
  
 </div>  
  
            <!--maincontent end-->  
  
                <!--foot Start-->  
            <div id="footer">  
  
      		</div>  
  
            <!--foot end-->  
  
    </div>  
	<!--Content End-->  
</body>

hier meine css datei dazu:

  
  
body {  
	font-family: Georgia, "Times New Roman", Times, serif;  
	background-color: #FFF2D5;  
}  
  
#header {  
	background-image: url(file:///Z|/kurier/web/new/Bilder/header.jpg);  
	background-repeat: no-repeat;  
	background-position: center center;  
	height: 156px;  
	width: 950px;  
	margin-top: 0px;  
	margin-right: auto;  
	margin-bottom: 0px;  
	margin-left: auto;  
}  
  
#content {  
	width: 950px;  
	margin: 0 auto;  
}  
  
#rightcontent{  
	font-family: Georgia, "Times New Roman", Times, serif;  
	height: 600px;  
	width: 200px;  
	padding-top: 50px;  
	float: right;  
	}  
	  
  
#maincontent {  
	width: 906px;  
	background-color: #FFFBE6;  
	border: 1px solid #A50B27;  
	margin-top: 0;  
	margin-right: auto;  
	margin-bottom: 0;  
	margin-left: auto;  
}  
  
#leftcontent {  
	width: 500px;  
	padding-right: 20px;  
	padding-left: 50px;  
	padding-top: 20px;  
	padding-bottom: 20px;  
	height: auto;  
	float: left;  
}

Vielen Dank,
christoph.

Beitrag melden
–
Informationen zu den Bewertungsregeln