nicht angemeldet
div Container
Hallo,
habe mal wieder Probleme mit dem IE und suche nach rat.
So wie mein Layout im Firefox aussieht, sollte es eigentlich in jedem Browser aussehen, leider spielt der IE und Opera mal wieder nicht mit. Habe zwei div-Container nebeneinander, links Menu, rechts Content. Wenn die Höhe des Content-Div's ändert soll sich auch die Höhe des Menu-Div's ändern. Wie gesagt im Firefox funzt es:
index.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<body>
<div class="center">
<div class="nav">
<div class="bla">
<div class="content"></div>
</div>
<a href="#">button1</a><br>
<a href="#">button2</a><br>
....
</div>
</div>
</body>
styles.css:
div.nav {
width:148px;
float:left;
text-align:left;
background-color:#FF0000;
border-left:1px solid black;
border-right:1px solid black;
}
div.bla {
width:900px;
}
div.content {
width:743px;
float:right;
margin-top:5px;
border:1px solid black;
}
div.center {
width:900px;
margin:0px auto;
text-align:center;
margin-top:25px;
}
vielleicht könnte sich das mal einer anschauen, und mir evtl. einen Tipp geben wie ich das Layout auch für den IE und Opera so hinbekomme.
Gruß
Torsten
-
Hallo,
keiner der mir helfen mag?
:(Gruß
Torsten-
hi,
keiner der mir helfen mag?
bei _so einer_ problembeschreibung?
HTML-code unvollständig, kein online-beispiel zu anschauen ...
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Him
bei _so einer_ problembeschreibung?
Problem ist das ich es nicht hinbekomme, wenn sich die Höhe des rechten div-Containers ändert, sich auch die Höhe des linken div-Containers an der Höhe des rechten anpassen soll. Unverständlich?
HTML-code unvollständig, kein online-beispiel zu anschauen ...
Mehr Code braucht man nicht um meine Problematik zu verstehen.
Gruß
Torsten-
hi,
HTML-code unvollständig, kein online-beispiel zu anschauen ...
Mehr Code braucht man nicht um meine Problematik zu verstehen.aber mehr motivation vielleicht ...?
und diese erhöhst du sicher nicht, in dem du von eventuell hilfswilligen menschen copy&paste verlangst, anstatt kurz ein beispiel bereitzustellen.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi,
aber mehr motivation vielleicht ...?
und diese erhöhst du sicher nicht, in dem du von eventuell hilfswilligen menschen copy&paste verlangst, anstatt kurz ein beispiel bereitzustellen.Versteh ich nicht, ich hab doch ein Beispiel bereit gestellt.
In diesem Beispiel ist mein Problem gut zu erkennen.
Bitte, ich weiß nicht wenn ich sonst fragen soll.
Das SELF-HTML Forum ist das einzige wo man Profis finden kann. Ich bin echt am verzweifeln, nix aber gar nix klappt in diesem Projekt.
Wenn an meinem Beispiel irgend etwas nicht verständlich ist, dann fragt mich doch bitte genau was nicht verstanden wurde.
Wie oben schon erwähnt, sollte das Ergebnis im IE genau so sein wie es derzeit im Firefox ist. Sorry falls ich mich nicht klar genug ausgedrückt habe, aber Du musst mir schon sagen was genau nicht verstanden wurde.Gruß
Torsten-
hi,
Versteh ich nicht, ich hab doch ein Beispiel bereit gestellt.
ja, eins auf dem man lange klicken kann, ohne das was passiert.
In diesem Beispiel ist mein Problem gut zu erkennen.
wie schon erwähnt, es ist nicht mal vollständig.
wer soll da sagen können, ob es nicht daran liegt?gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi,
ja, eins auf dem man lange klicken kann, ohne das was passiert.
versteh nicht was du meinst.
wie schon erwähnt, es ist nicht mal vollständig.
wer soll da sagen können, ob es nicht daran liegt?Es ist vollständig!
Oh Entschuldigung, da fehlt doch noch was:
<html>
<head><title>testseite</title></head>
...
falls du damit meinst es sei nicht vollständig, fühle ich mich verarscht.wenn man jetzt einen langen text in <div class="content"></div> haut, erkennt man das Problem noch besser, wie z.b so:
<div class="content">
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
</div>hier nochmal mein "vollständiges" Beispiel:
index.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>testseite</title>
<link rel="STYLESHEET" type="text/css" href="styles.css">
</head>
<body>
<div class="center">
<div class="nav">
<div class="bla">
<div class="content">
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
blablabla<br>
</div>
</div>
<a href="#">button1</a><br>
<a href="#">button2</a><br>
</div>
</div>
</body>
</html>styles.css:
div.nav {
width:148px;
float:left;
text-align:left;
background-color:#FF0000;
border-left:1px solid black;
border-right:1px solid black;
}
div.bla {
width:900px;
}
div.content {
width:743px;
float:right;
margin-top:5px;
border:1px solid black;
}
div.center {
width:900px;
margin:0px auto;
text-align:center;
margin-top:25px;
}Wenn jetzt weniger oder mehr Text im <div class="content">-Container ist, verändert sich ja die Höhe, diese Höhe wird dann dem Container <div class="nav"> angepasst. Dies Funktioniert soweit im Firefox!
Das Ergebnis im Firefox ist genau das was ich will, im IE völlig falsch. Meine Frage war, wie ich es jetzt hinbekomme, mein gewünschtes Ergebnis ebenso im IE zu bekommen.
Ist es noch unverständlich?
Ich kanns leider nicht online stellen weil ich noch kein Webspace habe.Gruß
Torsten-
Hi,
schade das mir keiner helfen kann / mag.
Habs noch mal ausprobiert, bekomms aber einfach nicht hin.
Ich brauche professionelle Hilfe ;-)Gruß
Torsten
-
-
-
-
-
-
-