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

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

27. Jun 2005, 20:41
Beitrag # 1 von 9
Bewertung:
(6709 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
X

Div-Element am unteren Fensterrand fixieren??

SabineP
Beiträge gesamt: 7586

27. Jun 2005, 21:05
Beitrag # 2 von 9
Beitrag ID: #174661
Bewertung:
(6708 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, 21:18
Beitrag # 3 von 9
Beitrag ID: #174664
Bewertung:
(6703 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, 21:32
Beitrag # 4 von 9
Beitrag ID: #174668
Bewertung:
(6702 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, 21:33 geändert)

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 06:18
Beitrag # 5 von 9
Beitrag ID: #174692
Bewertung:
(6683 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, 06:26
Beitrag # 6 von 9
Beitrag ID: #174693
Bewertung:
(6682 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

der IE Hack:
* html

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


Gruss Stefan


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


als Antwort auf: [#174692]

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 06:28
Beitrag # 7 von 9
Beitrag ID: #174695
Bewertung:
(6681 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, 06:55
Beitrag # 8 von 9
Beitrag ID: #174698
Bewertung:
(6679 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.


Gruss Stefan


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


als Antwort auf: [#174695]

Div-Element am unteren Fensterrand fixieren??

Selfmaidman
Beiträge gesamt: 51

28. Jun 2005, 07:39
Beitrag # 9 von 9
Beitrag ID: #174712
Bewertung:
(6676 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]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
26.10.2021

Online
Dienstag, 26. Okt. 2021, 10.00 - 10.30 Uhr

Webinar

In unserem ca. 30-minütigen kostenlosen Webinar zeigt Ihnen unser Produktmanager Karsten Schwarze, wie Sie mit ColorLogic ColorAnt, CoPrA und ZePrA einen konsistenten Farbmanagement Workflow aufbauen und die Druckqualität sichern.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=305

Mit ColorLogic ColorAnt & CoPrA & ZePrA zum perfekten Druckergebnis
Veranstaltungen
29.10.2021 - 08.07.2022

Digicomp Academy, Zürich
Freitag, 29. Okt. 2021, 13.00 Uhr - Freitag, 08. Juli 2022, 19.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: 10'500.– zzgl. 7.7% MWST
Dauer: 30 Tage(ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch