[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, 22:41
Beitrag # 1 von 9
Bewertung:
(8418 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, 23:05
Beitrag # 2 von 9
Beitrag ID: #174661
Bewertung:
(8417 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:
(8412 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:
(8411 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:
(8392 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:
(8391 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:
(8390 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:
(8388 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:
(8385 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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

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

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

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

Und es geht doch: Automatisierung im Großformatdruck!