inneres Div größer als äußeres

[nance]

Hallo!

Ich habe ein div mit Innenabstand, in dem ein weiteres div mit 75% breite liegt, das sich abhängig vom Inhalt über mehr als eine Zeile erstrecken kann. Falls mehr Inhalt vorhanden ist, wird es entsprechend ausgedehnt, während das äußere Div sich nicht dieser Höhe anpasst. Kann das damit zusammenhängen, dass das innere div nach links fließt? Ich habe sonst keinen Schimmer, woran das liegt. Kann mir jemand einen Denkanstoß geben?
Vielen Dank

nance

[Örny]

Hallo!

Ich habe ein div mit Innenabstand, in dem ein weiteres div mit 75% breite liegt, das sich abhängig vom Inhalt über mehr als eine Zeile erstrecken kann. Falls mehr Inhalt vorhanden ist, wird es entsprechend ausgedehnt, während das äußere Div sich nicht dieser Höhe anpasst. Kann das damit zusammenhängen, dass das innere div nach links fließt? Ich habe sonst keinen Schimmer, woran das liegt. Kann mir jemand einen Denkanstoß geben?
Vielen Dank

nance

Hast du mal eine Live-Demo?
Etwas html Code kann auch helfen!
Verstehe nicht genau was du möchtest

[nance]

Hi!

Livedemo kann ich leider nicht anbieten.
Quellcode:

  
<div class="hauptinfodiv" style="border: 1px solid red;  
                                 padding: .5em 1em;  
                                 clear: left;">  
  <form action="{SENDEN/Link}" method="get" name="suchen">  
    <div class="spalte12;" style="width: 70%;  
                           float: left;  
                           border: 1px solid blue;">  
      <div class="hauptinfodiv">  
        <label for="{Name}"><xsl:value-of select="BF"/></label>  
        <input name="{Name}" id="{Name}" type="text"  
               class="eingabefeld" maxlength="{Laenge}" size="35"  
               value="{Daten}"/>  
      </div>  
      <div class="hauptinfodiv">  
        <label for="{Name}"><xsl:value-of select="BF"/></label>  
        <input name="{Name}" id="{Name}" type="text"  
               class="eingabefeld" maxlength="{Laenge}" size="35"  
               value="{Daten}"/>  
      </div>  
    </div>  
    <div class="spalte3">  
      <input name="Submit" type="submit" class="schaltflaeche"  
             value="{SF_WEITER}"/>  
    </div>  
  </form>  
</div>  

Das Ganze schaut dann leider etwa so aus:
|-------------------------------------------------------------------|
| |---------------------------------------------|                   |
| |      Label      Input                       |  Schaltfläche     |
|-+---------------------------------------------+-------------------|
  |      Label      Input                       |
  |---------------------------------------------|

So soll es aber sein:
|-------------------------------------------------------------------|
| |---------------------------------------------|                   |
| |      Label      Input                       |  Schaltfläche     |
| |                                             |                   |
| |      Label      Input                       |                   |
| |---------------------------------------------|                   |
|-------------------------------------------------------------------|

Ich hoffe, dass ihr damit was anfangen könnt.

Viele Grüße
nance

[nance]

Hab ich noch vergessen:

  
.hauptinfodiv {  
  clear:left;  
}  

[Andreas Dölling]

Hallo,

hört sich an, als könnte Dir http://www.quirksmode.org/css/clearing.html helfen.

Ciao,
Andreas

[nance]

Hi Andreas!

Für Mozilla FF passt das genau, IE und Rest muss ich noch testen.
Danke.

Viele Grüße
nance

[wahsaga]

hi,

Falls mehr Inhalt vorhanden ist, wird es entsprechend ausgedehnt, während das äußere Div sich nicht dieser Höhe anpasst. Kann das damit zusammenhängen, dass das innere div nach links fließt?

Natürlich - denn wenn du ein Element floatest, nimmst du es damit aus dem Fluss.

gruß,
wahsaga

[nance]

Hallo wahsaga!

War mir neu, ist aber genau das Problem.
Vielen Dank.

Gruß
nance