Feststehende Header und Footer - Problem mit IE

klausiB · #1 (**permalink**) 20.10.2006, 16:12

Hallo,

ich habe eine Site gebastelt mit fixiertem Header (Logo) und Footer (Navigation). In Firefox und Safari klappt auch alles, aber der IE kann position:fixed ja nicht. Nach dieser Anleitung hier habe ich eine zweite CSS-Datei nur für den IE angelegt. (Die andere CSS-Datei hier.)

Für meine Verhältnisse (Anfänger!) bin ich schon recht weit, finde ich. Zwei Probleme muss ich aber noch beseitigen:

1.) Der Text (content_container) soll auch im IE nur 360px breit sein.
2.) Die vertikale Scrollleiste soll auch im IE über die ganze Seite gehen - und nicht hinter footer und header verschwinden.

Wer kann helfen? Bitte möglichst idiotensicher, ich habe nämlich nicht allzu viel Ahnung von der Materie (wie man vielleicht sieht...)

Danke!

Gruß,
Klaus

Crizzo · #2 (**permalink**) 20.10.2006, 17:48

gib dem content_container einfach eine fixed Breite, dann sollte es gehen.

also:

Code:

#content_container { margin-top:100px; margin-left:100px; margin-bottom:120px;
  position:static;
  font-family:"Courier New",Courier,sans-serif;
  line-height:135%;
  text-align:left;
  font-size:9pt;
  width:360px;}

klausiB · #3 (**permalink**) 20.10.2006, 18:29

Das hatte ich auch schon ausprobiert, sieht dann so aus im IE:

Die Scrollleiste klebt also direkt am container, sollte aber natürlich am Bildrand sein. Und abgeschnitten wird sie oben und unten auch (gleicher Effekt, wie wenn sie am Bildrand klebt.)

Muss allerdings nicht gescrollt werden (wie z.B. hier, dann sieht die Seite auch im IE genau so aus, wie sie soll.

Bis auf die horizontale Scrollleiste unten, wie ich gerade sehe

fricca · #4 (**permalink**) 20.10.2006, 19:24

Du brauchst einen weiteren Container um deinen Inhalt (innerhalb von #content_container). Diesem neuen Container gibst du die gewünschte Breite (und das obere padding).

Weder header noch footer müssen 100% breit sein. Falls du dich über die horizontale Scrollleiste wunderst: gib deinen Elementen Hintergrundfarben, dann siehst du, wo sie sich befinden und wieviel Platz sie einnehmen.
Mach header und footer nur so breit wie nötig. Dann gibt's die Überlappung der Scrollleiste nur noch bei sehr schmalem Viewport.

klausiB · #5 (**permalink**) 21.10.2006, 11:40

Vielen Dank, fricca, das war der goldene Tipp! Sieht schon viel besser aus jetzt.

Ich habe Header und Footer jetzt auf feste 500px Breite gesetzt - hat natürlich den Nachteil, dass bei geringeren Fensterbreiten die Scrollleiste immer noch überlagert wird: (Im Bild oben rechts, Header ist n Tick breiter.)

Prozentuale Angaben wie 60% sind noch schwieriger, da sie sich ja auf die ganze Fensterbreite beziehen. Gibt es keine Möglichkeit, diese blöde Scrollleiste in den Vordergrund zu holen (vor Header und Footer)?

1000 Dank nochmal!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Vertical fortlaufender Hintergrund in Header und footer	img	CSS	5	29.03.2009 16:10
fixed footer - problem mit absolut positioniertem div	AudioX	CSS	2	02.03.2009 07:38
Problem mit Footer	eddy1968	CSS	4	14.07.2008 14:55
Opera: Last.fm-Widget überdeckt Header und Footer	DieterWelzel	CSS	0	25.02.2008 02:07
Problem mit Footer ans Ende	kvn	CSS	7	29.11.2007 23:23

LinkBacks (?) LinkBack to this Thread: http://xhtmlforum.de/42536-feststehende-header-und-footer-problem-mit.html
Erstellt von	For	Type	Datum
-- LANtastic :: Artikel -- Position: fixed fÃ¼r Internet Explorer und andere Browser	This thread	Refback	13.11.2006 02:47
-- LANtastic :: Artikel -- Position: fixed fÃ¼r Internet Explorer und andere Browser	This thread	Refback	31.10.2006 00:22
-- LANtastic :: Artikel -- Position: fixed fÃ¼r Internet Explorer und andere Browser	This thread	Refback	29.10.2006 18:17