[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:
(6646 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:
(6645 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:
(6640 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:
(6639 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:
(6620 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:
(6619 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:
(6618 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:
(6616 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:
(6613 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

Aktuell

PDF / Print
PDF-XCange_300

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
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.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: CHF 10'500.-
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-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
09.09.2021 - 17.12.2021

Digicomp Academy, Zürich
Donnerstag, 09. Sept. 2021, 13.00 Uhr - Freitag, 17. Dez. 2021, 19.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von Publishing NETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: 6'300.– zzgl. 7.7% MWST
Dauer: 18 Tage(ca. 126 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