Div-Element am unteren Fensterrand fixieren??

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Div-Element am unteren Fensterrand fixieren??

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

Selfmaidman

Beiträge gesamt: 51

27. Jun 2005, 22:41
Beitrag # 1 von 9
Bewertung:
(8413 mal gelesen)
URL zum Beitrag
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, 23:05
Beitrag # 2 von 9
Beitrag ID: #174661
Bewertung:
(8412 mal gelesen)
URL zum Beitrag
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

als Antwort auf: [#174658]

Div-Element am unteren Fensterrand fixieren??

Selfmaidman

Beiträge gesamt: 51

27. Jun 2005, 23:18
Beitrag # 3 von 9
Beitrag ID: #174664
Bewertung:
(8407 mal gelesen)
URL zum Beitrag
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

als Antwort auf: [#174661]

Div-Element am unteren Fensterrand fixieren??

SabineP

Beiträge gesamt: 7586

27. Jun 2005, 23:32
Beitrag # 4 von 9
Beitrag ID: #174668
Bewertung:
(8406 mal gelesen)
URL zum Beitrag
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

als Antwort auf: [#174664]
(Dieser Beitrag wurde von SabineP am 27. Jun 2005, 23:33 geändert)

Div-Element am unteren Fensterrand fixieren??

Selfmaidman

Beiträge gesamt: 51

28. Jun 2005, 08:18
Beitrag # 5 von 9
Beitrag ID: #174692
Bewertung:
(8387 mal gelesen)
URL zum Beitrag
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

als Antwort auf: [#174668]

Div-Element am unteren Fensterrand fixieren??

Pozor

Beiträge gesamt: 892

28. Jun 2005, 08:26
Beitrag # 6 von 9
Beitrag ID: #174693
Bewertung:
(8386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

der IE Hack:
* html

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

als Antwort auf: [#174692]

Div-Element am unteren Fensterrand fixieren??

Selfmaidman

Beiträge gesamt: 51

28. Jun 2005, 08:28
Beitrag # 7 von 9
Beitrag ID: #174695
Bewertung:
(8385 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Vielen Dank!!!

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

Gruss

als Antwort auf: [#174693]

Div-Element am unteren Fensterrand fixieren??

Pozor

Beiträge gesamt: 892

28. Jun 2005, 08:55
Beitrag # 8 von 9
Beitrag ID: #174698
Bewertung:
(8383 mal gelesen)
URL zum Beitrag
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.

als Antwort auf: [#174695]

Div-Element am unteren Fensterrand fixieren??

Selfmaidman

Beiträge gesamt: 51

28. Jun 2005, 09:39
Beitrag # 9 von 9
Beitrag ID: #174712
Bewertung:
(8380 mal gelesen)
URL zum Beitrag
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

als Antwort auf: [#174698]

Weitere Events

Weitere Stellenangebote