Manjo
Aktives Mitglied
Thread Starter
- Dabei seit
- 25.07.2005
- Beiträge
- 906
- Reaktionspunkte
- 24
Hallo!
Folgendes Problem: Auf der Seite soll links eine Spalte für ein Menü vorgesehen werden -> mit float:left; nach links geschoben. Daneben der Content -> mit margin-left:menübreite; so angelegt, dass er die Menüspalte auch unterhalb des Menüs frei bleibt. Innerhalb des Contents soll ein Element (hier die "1") vom Text (hier: "hier kommt ein Text") umflossen werden. Der anschließende Text (hier: "und dieser Text darunter") soll erst unterhalb der "1" beginnen.
Die Anweisung min-height funzt ja bekanntlich nicht im ie6
Die Datei screen-ff.jpg zeigt, wie es aussehen soll mit gesetztem min-height, screen-ie.jpg wie es leider im ie aussieht.
clear:both ist ungeeignet, da der nachfolgende Text dann erst unterhalb vom Menü beginnt.
Wie geht es?
Grüßle
Manjo
Folgendes Problem: Auf der Seite soll links eine Spalte für ein Menü vorgesehen werden -> mit float:left; nach links geschoben. Daneben der Content -> mit margin-left:menübreite; so angelegt, dass er die Menüspalte auch unterhalb des Menüs frei bleibt. Innerhalb des Contents soll ein Element (hier die "1") vom Text (hier: "hier kommt ein Text") umflossen werden. Der anschließende Text (hier: "und dieser Text darunter") soll erst unterhalb der "1" beginnen.
Die Anweisung min-height funzt ja bekanntlich nicht im ie6
Die Datei screen-ff.jpg zeigt, wie es aussehen soll mit gesetztem min-height, screen-ie.jpg wie es leider im ie aussieht.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<div style="float:left; width:100px;">
<ol>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
</div>
<div style="margin-left:100px;">
<div style="float:left; width:40px; font-size:40px;">1</div>
<div style="margin-left:40px;border-left:1px solid blue;">hier kommt ein Text</div>
<div style="border-top:1px solid blue;">und dieser Text darunter</div>
</div>
</body>
</html>
clear:both ist ungeeignet, da der nachfolgende Text dann erst unterhalb vom Menü beginnt.
Wie geht es?
Grüßle
Manjo