WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » 2 Divs und Float -> Problem im Mozilla » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Lewi
Vielen Dank, hab es so hinbekommen.
von DukeXP
Die Darstellung im Mozialla ist absolut korrekt. Soll sich der rote Bereich ausdehnen musst du nach dem blauen Bereich ein clearendes Element einfügen (z. B. <br /> mit der Eigenschaft clear: both;).
von Lewi
Hi,

ich hab ein kleines Problem mit folgendem Code:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9:
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div style="background-color: red; padding: 10px;">
<div style="background-color: blue; float: right;">
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
</div>
</div>
</body>
</html>


Im IE sieht alles prima aus. Der rote Div wird automatisch vergrößert, so dass der Blaue mit dem Text reinpasst. Das selbe passiert auch im Mozilla, solange der zweite Div kein Float-Attribut hat. Sobald ich das aber reinsetze, wird er hier nicht mehr automatisch vergrößert. Zu sehen unter http://joshua-jung.com/test.html.

Hat jemand von euch eine Idee, was man dagegen tun könnte?

Gruß

Lewi

Nach oben