[maxausplauen]

Hallo Jungs ich hab folgendes Problem:

Code der CSS Datei:

.maincontent{
	width:920px;
	height:auto;
	background-image:url('../images/white-bg.gif');
	background-repeat:repeat-y;
	margin-left:auto; margin-right:auto;
}

#modul_rechts{
background-color:#ffffff;
padding-right:0px;
padding-left:30px;
width:220px;
height:auto;
margin:-20px 0px 0px 0px;
border-left:2px dotted #cacaca;

}

.inhalt{
width:600px;
padding:20px;
height:auto;
}

HTML:

  <div class="maincontent">
  <div class="inhalt"><?php include ("mainbody.php"); ?></div>
  <div id="modul_rechts"><?php if (mosCountModules('right')>0) mosLoadModules('right',0); ?></div>
  </div>

Das Problem ist das im IE6/7 alles wunderbar angezeigt wird. Aber im FireFox 2/3 zeigt es das "modul rechts" boehm T-Partner - Die Welt der Telekommunikation - 12x in Westsachsen & Thüringen - Jobs unten drunter an und ich bekomme es einfach nicht rüber. Auch ein float:left der klasse inhalt hat nichts genützt..

??

[cgdesign]

Du gibst dem .inhalt und dem #modul_rechts ein float: left mit, dann musst du direkt darunter noch clearen.

[maxausplauen]

Sorry aber WIE cleare ich drunter? Ich hatte es schon so probiert, dann ragten die zwei Container aber aus dem maincontent raus ( ich hab das FAQ oben im forum schon gelesen.. ) bloß ich weiß jetzt nicht wie ich clearen soll... könntest mir nen kleinen codeschnipsel geben? mfg

[fricca]

Max, im Firefox (u.a.) steht alles untereinander, weil du Float nur für den IE vergibst.
Das habe ich dir aber schon einmal gesagt.
Und auch, wo du dich über Float und Clear informieren kannst.

edit: jetzt haben die Elemente auch im FF float. Habe ich da meinen Cache gesehen? Dann entschuldige bitte.
Trotzdem: Die Artikel aus FAQ Punkt 2 sind Pflichtlektüre.

[maxausplauen]

fricca ich verpsreche dir, ich lese es mir ganz genau durch.. ich brauche bloß umgehend eine Lösung.. habe jetzt die Zeit nicht dafür.. ich habe jetzt

.maincontent{
	width:920px;
	height:auto;
	background-image:url('../images/white-bg.gif');
	background-repeat:repeat-y;
	margin-left:auto; margin-right:auto;
	clear:both;
}

sowie float:left für beide container hinzugeügt... die container fallen aber immernoch über den maincontainer..

[fricca]

Nein, clear für maincontainer nützt nichts.
Arbeite den Artikel mit dem Titel "Containing Floats" durch. So viel Zeit musst du dir eben nehmen -- wenn sich nicht noch jemand findet, der fertige Lösungen postet. Ich tue das nicht.

[maxausplauen]

hey komm jetzt lass mich nicht hängen

BITTE

[cgdesign]

Clearen sollst du direkt nach den beiden DIV's, aber noch im .maincontent. Wie man cleart, kannst du doch nachlesen?

[maxausplauen]

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

ich liebe euch!