Forenindex » Web allgemein » HTML und CSS / Stylesheets » Div-Element am unteren Fensterrand fixieren??

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

27. Jun 2005, 20:41
Bewertung:

gelesen: 6688

Beitrag als Lesezeichen
Hallo

habe hier drei Divs übereinander angeordnet. Das Top, das Middle und das bottom.

Das Top soll nun immer oben bleiben, das middle ist in der höhe variabel und das bottom soll unten am Fensterrand kleben bleiben.

Kann mir jemand helfen? bzw. nen kleinen Gedankenanstoss geben??
Danke!
Gruess

Div-Element am unteren Fensterrand fixieren??

SabineP
Beiträge gesamt: 7586

27. Jun 2005, 21:05
Bewertung:

gelesen: 6687

Beitrag als Lesezeichen
Hallo Selfmaidman,

getestet in Firefox:

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.oben{position:absolute; top:0px}
.unten{position:absolute; bottom:0px}
</style>
</HEAD>

<BODY>
<div class="oben">Hier ist oben</div>
<div>Das ist die Mitte</div>
<div class="unten">Hier ist unten</div>
</BODY>
</HTML>


Gruß Sabine

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

27. Jun 2005, 21:18
Bewertung:

gelesen: 6682

Beitrag als Lesezeichen
Danke!
Das hilft mir schon viel weiter!

Probelm ist nur, der IE 5.2.1 zeigt mir das unten nicht an (???)

Hast du auch noch nen Tipp dafür, liebste Sabine?
Dank dir schon jetzt!
Gruss

Div-Element am unteren Fensterrand fixieren??

SabineP
Beiträge gesamt: 7586

27. Jun 2005, 21:32
Bewertung:

gelesen: 6681

Beitrag als Lesezeichen
Wenn der IE 5.2.1 das nicht kann:
http://de.selfhtml.org/...ierung.htm#posbottom

... dann hilft nur eine Tabelle.

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.hoehe{height:100%}
</style>
</HEAD>

<BODY>
<TABLE class="hoehe" border="1">
<TR><TD valign="top">oben</TD></TR>
<TR><TD>mitte</TD></TR>
<TR><TD valign="bottom">unten</TD></TR>
</TABLE>
</BODY>
</HTML>


Gruß Sabine

(Dieser Beitrag wurde von SabineP am 27. Jun 2005, 21:33 geändert)

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 06:18
Bewertung:

gelesen: 6662

Beitrag als Lesezeichen
ja der IE macht wiedermal probleme.. d.h. ich glaube, er zeigt das Element schon an, einfach zu weit unten, so dass es gar nicht mehr im Fenster drinne ist.

Gibts da keinen "Hack" ?

Ansonsten werde ich wohl oder übel auf die Tabelle als Grundgerüst zurückgreifen müssen...
Grüsse

Div-Element am unteren Fensterrand fixieren??

Pozor
Beiträge gesamt: 892

28. Jun 2005, 06:26
Bewertung:

gelesen: 6661

Beitrag als Lesezeichen
Hallo,

der IE Hack:
* html

z.B.:
* html #center {
height:1px;
}


Gruss Stefan


"KISS - KEEP IT SIMPLE, STUPID"
PHP Documentation Download

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 06:28
Bewertung:

gelesen: 6660

Beitrag als Lesezeichen
Vielen Dank!!!

Muss ich den nun einfach ins CSS Doc schreiben.. oder bezieht sich die ID auf das "bottom" div?

Gruss

Div-Element am unteren Fensterrand fixieren??

Pozor
Beiträge gesamt: 892

28. Jun 2005, 06:55
Bewertung:

gelesen: 6658

Beitrag als Lesezeichen
Hallo,

ntürlich war das nur ein Beispiel.
Der Sinn dahinter ist, dass nur der IE es interpretiert.
Du musst nun noch das so anpassen, dass es für deine
Seite passt:

* html .bottom {
/*dein speizieller IE Häck
z.B. heb dein div weiter nach oben
*/
}

wichtig ist, dass dies nach der eigentlichen bottom Klasse steht.


Gruss Stefan


"KISS - KEEP IT SIMPLE, STUPID"
PHP Documentation Download

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 07:39
Bewertung:

gelesen: 6655

Beitrag als Lesezeichen
aha! Danke vielmals!

Ich gehe also davon aus, dass nur der IE den code " * html..." interpretiert?!
Und da kann man dann alles möglich reinschreiben, was nur der IE machen soll?

Danke
Gruss