CSS Div-Hack

[Skywalker]

Also auf dem Bild seht ihr das Problem das ich gerade habe. Div1 sollte eig. Div2 und Div3 beinhalten. Ich hab schon mal gelesen wie man das Problem beheben kann, kann mich aber nicht mehr dran erinnern, da das damals unrelevant war. Und jetzt find ichs nicht mehr^^. Bei Google hab ich leider auch nichts aufschlussreiches gefunden. Vllt. waren es ja die falschen Stichwörter...

Mein Problem

divs.jpg (22.42 KiB) 165-mal betrachtet

[Dac-XP]

Ganz einfach nur noch ein div-Container mit dem Stil

Code: Alles auswählen

clear: both;

in den Div1 legen (nach den beiden anderen)

[Pascal]

Huhu magst du mal den Quellcode posten?

Dieses Problem kann auch am falschen Doctype liegen (so war es bei mir).
Ansonsten mach dir mal in deiner CSS ne neue Klasse:

Code: Alles auswählen

.clearboth {
   clear: both;
}


und dann in deinem "Hauptlayer" wo die 2 Divs drin liegen machst du am Ende einfach folgendes:

Code: Alles auswählen

<br  class="clearboth" />

Ich glaube dann müsste es funktionieren.

MFG Pascal

[Eyecatcher]

Kann auch an den overflow einstellungen des Div1 liegen.
Geb dem mal overflow:auto; oder overflow:scroll; und guck was passiert.

[Skywalker]

Das hatte ich auch schon versucht, jedoch hat das nicht funktioniert und jetzt hab ich gemerkt, dass ich in meinem Div1 noch ne Höhenangabe hatte

Ähm blöd nur dass des beim IE net funkt... was muss ich da noch fürn Hack reinmachen dass es der auch peilt?

[Pascal]

Schreib doch mal bitte deinen Quellcode vom HTML und vom CSS, dann können wir dir auch besser helfen

MFG Pascal

[Skywalker]

CSS:

Code: Alles auswählen

.main_div {
   color:#000000;
   background-color:#ffffff;
   margin-left:100px;
   padding-left:10px;
   padding-right:0px;
}
.content_left {
   width:400px;
   float:left;
}
.content_right {
   margin-right:0px;
}
div .heading {
   color:#EE2C2C;
   font-size:13px;
   font-weight:bold;
   margin-top:10px;
}
.red_circle {
   width:400px;
   float:right;
}


HTML:

Code: Alles auswählen

<div class="main_div">
   <div class="content_left">
      <div class="heading"></div>
   </div>
   <div class="content_right">
      <img src="images/kreis.jpg" class="red_circle">
   </div>
</div>


[Ingo]

Hi.
Da kann ich mich nur anschließen - ein (ganz leeres) clear-Div sollte helfen:

Code: Alles auswählen

<div class="main_div">
   <div class="content_left">
      <div class="heading"></div>
   </div>
   <div class="content_right">
      <img src="images/kreis.jpg" class="red_circle">
   </div>
   <div style="clear:both"></div>
</div>


Ein spezieller Hack ist also -soweit ich sehe- nicht nötig.
Gruß, Ingo

[Skywalker]

Genau so hab ich des vorher schon mal ausprobiert, jedoch erfolglos. Komisch dass es jetzt funktioniert