nicht angemeldet
moin. folgendes problem quält mich.
ziel: darstellung von mehrzeiligen divs zur variablen content darstellung rechts und links (wird von db-inhalten gefüttert; kann alles sein: menü, bild(er), content usw.)
prämissen:
- kein float, da ich keinen iehack (3px margin problem) verwenden darf
- keine abstände zwischen den divs (zb 3px margin im ie6)
- links: feste breite
- rechts: "der rest"
problem:
so wie ichs gemacht habe, überlagern sich die einzelnen zeilen.
wahrscheinlich (hoffentlich) stehe ich nur auf einer verdammten leitung. ich wäre euch sehr dankbar, wenn ihr mir auf die sprünge helft.
oder gibts gar eine lösung mit float ohne hack für ie6?
fettes danke schon mal vorab! mein code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body {}
div#c1, div#c2, div#c3 {
background-color: #eeeeee;
position:relative;
width:100%;border: 1px dotted red;
}
div.linkeseite{
width:9.6em; position:absolute; top:0px; left:0px;
background-color: #CCCCCC; margin:0px auto; border: 1px dotted green;
}
div.rechteseite {
margin-left: 9.65em; border: 1px dotted blue;
}
</style>
<title>Unbenanntes Dokument</title>
</head>
<body>
<div>
<div id="c1">
<div class="linkeseite">content 1 - Dieser Text geht nur so weit, wie auch in der Hoehe
Platz hat. Der Rest wird einfach überlagert!<br>verdammter scheißendreck <br>verdammt nochmal<br>
</div>
<div class="rechteseite">Der Text <br>
beinflusst den Div <br>
auch in der <br>
Hoehe</div>
</div>
<div id="c2">
<div class="linkeseite">content 2 </div>
<div class="rechteseite"> lilili </div>
</div>
<div id="c3">
<div class="linkeseite">content 3 </div>
<div class="rechteseite"> lälälä </div>
</div>
</div>
</body>
</html>