Probleme mit der Seitenbreite im IE
Robby-TX5
- css
Hallo,
im css-File benutze ich derzeit folgenden Eintrag für die Darstellung der Seite.
#main {
float:right;
position:absolute;
left:205px; top:110px; width:780px;
}
Der Nachteil an dieser Einstellung ist, dass z. B. Firefox nur die Hälfte des Bildschirms nutzt. Ich habe das daraufhin mal wie folgt verändert:
#main {
float:right;
position:absolute;
margin-left:205px; margin-right:auto; margin-top:110px;
}
Alle Browser stellen das korrekt dar, aber sowohl IE6 also auch IE7 lass mich bei der Darstellung nach rechts scrollen und begrenzen den Seiteninhalt nicht auf die Fensterbreite.
Was habe ich denn falsch gemacht?
Danke für die Hilfe
Robby
Was habe ich denn falsch gemacht?
Danke für die Hilfe
Robby
<gedankenlesemodus>
ich nehme mal an, du willst ein tabellenlayout mit css umsetzen und willst, dass der div einen abstand zum oberen und linken rand hat, aber immer die restlich verfügbare breite einnimmt?
das könnte die lösung sein:
http://www.alistapart.com/d/conflictingabsolutepositions/layout-1.html
wies funktioniert, siehe hier:
http://www.alistapart.com/articles/conflictingabsolutepositions/
</gedankenlesemodus>
*gg*
erstmal Danke für die Hilfe. Offenbar habe ich mich unklar ausgedrückt. Sorry!
Das Fenster wird in Bereiche (Frames) unterteilt
(siehe hier: http://www.drk-empelde.de/index.php?section=seku)
Der rechte Frame ist unter Firefox und diversen anderen Browsern nur zur Hälfte "gefüllt". Er soll aber über die gesamte breite des Bildschirms gehen, also von dem linken Rand des Frames (der wird korrekt dargestellt mit 205px von links eingerückt) bis zum rechten Rand des Bildschirms. Verwende ich nun folgenden Eintrag im Stilsheet
#main {
float:right;
position:absolute;
margin-left:205px; margin-right:auto; margin-top:110px;
}
dann kommt der IE damit nicht klar. Die Informationen auf der Seite werden breiter dargestellt als der Bildschirm anzeigen kann. Man müsste als nach rechts Scrollen um den Inhalt.
Firefox und z.B. Opera oder Konqueror haben damit kein Problem und stellen das richtig dar.
Kurzum: welche Einstellung im CSS-File muss ich vornehmen, damit sowohl der IE als auch z. B. Firefox den Fensterinhalt immer auf der gesammten Bildschirmseite darstellen, unabhängig davon welche Auflösung der Benutzer gewählt hat?
Danke nochmal für die Hilfe.
Robby
Kurzum: welche Einstellung im CSS-File muss ich vornehmen, damit sowohl der IE als auch z. B. Firefox den Fensterinhalt immer auf der gesammten Bildschirmseite darstellen, unabhängig davon welche Auflösung der Benutzer gewählt hat?
sieh dir meinen vorherigen beitrag nochmal an - da ist die lösung drinnen ;)
btw: bildschirmauflösung != fenstergröße
Was habe ich denn falsch gemacht?
Danke für die Hilfe
Robby
<gedankenlesemodus>
ich nehme mal an, du willst ein tabellenlayout mit css umsetzen und willst, dass der div einen abstand zum oberen und linken rand hat, aber immer die restlich verfügbare breite einnimmt?das könnte die lösung sein:
http://www.alistapart.com/d/conflictingabsolutepositions/layout-1.htmlwies funktioniert, siehe hier:
http://www.alistapart.com/articles/conflictingabsolutepositions/
</gedankenlesemodus>
Und jetzt, nachdem ich die Seite genauer studiert habe, musste ich feststellen, dass Du richtig gut Gedanken lesen kannst! ;-)
Ja das trift es genau. D. h. aber auch, dass der IE "margin-xxx" nicht kennt. Nach "http://de.selfhtml.org/navigation/css.htm#randabstand" wiederum gibt es die Parameter "top, left, right, bottom" dafür nicht.
Danke nochmal für die Hilfe.
Robby