[klausiB]

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]

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

also:

#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]

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]

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]

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!