nicht angemeldet
wiederholungen werden überlagert
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>
-
Hallo,
moin. folgendes problem quält mich.
Das ist nicht nett von dem Problem.
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.)
Das ist ja erstmal nichts besonderes.
prämissen:
oh oh...
- kein float, da ich keinen iehack (3px margin problem) verwenden darf
Warum darfst Du keinen Hack verwenden? Und was ist an dem 3 Pixel extra 'padding' schlimm?
- keine abstände zwischen den divs (zb 3px margin im ie6)
Na das ist ja wohl kein Problem, margin:0px sei dank.
- links: feste breite
ja. Machbar.
- rechts: "der rest"
Ok. Kein Sache.
problem:
so wie ichs gemacht habe, überlagern sich die einzelnen zeilen.Na klar. Du positioniert das linke div absolut und nimmst es so aus dem Fluss. Wenn es also laenger wird als sein Container ragt es in die Container darunter.
wahrscheinlich (hoffentlich) stehe ich nur auf einer verdammten leitung. ich wäre euch sehr dankbar, wenn ihr mir auf die sprünge helft.
Das weiss ich nicht. Aber wem auch immer die Leitung gehoert, er ist Dir bestimmt dankbar wenn DU da runter springst. Ich hoffe sie ist nicht zu hoch... ;)
oder gibts gar eine lösung mit float ohne hack für ie6?
Mal sehen. Ich schau grad und wundere mich im Moment darueber, dass Du das linke Div erstmal zentrierst...
Vielleicht beantwortest Du mal solange die Fragen die ich hab.