Autor |
Nachricht |
PixelAnarchist
Threadersteller
Dabei seit: 02.03.2008
Ort: Oberbayrisches Outback
Alter: 54
Geschlecht:
|
Verfasst So 02.03.2008 22:10
Titel CSS Probleme mit der positionierung in IE 6 und kleiner. |
|
|
Hi there,
ich hab ein kleines Problem mit CSS im IE bis V6. Unter Opera und Firefox klappts wunderbar wenn ich einen DIV-Container mit top: 50%; margin-top: -250px; left: 50%; und margin-left: -250px; zentriert positioniere, jedoch unter IE6 und kleiner verschiebts mir alles nach links oben. eine Browserweiche ist kein Problem, nur brauche ich die Styles für den IE damit das Design genauso aussieht. Wenn einer von euch eine Lösung hat, wäre ich Dankbar dafür.
Xande
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst So 02.03.2008 22:30
Titel
|
|
|
Du solltest eh nicht so zentrieren, denn bei kleinem Viewport verschwindet Deine Seite unerreichbar ins Nichts. Zentriere horiz. per margin: 0 auto; (für Quirks-IE bekommt das Elternelement text-align: center;) und vert. per http://d-graff.de/fricca/center.html
|
|
|
|
|
Anzeige
|
|
|
PixelAnarchist
Threadersteller
Dabei seit: 02.03.2008
Ort: Oberbayrisches Outback
Alter: 54
Geschlecht:
|
Verfasst So 02.03.2008 22:53
Titel
|
|
|
Ich hab mir das auch schon so gedacht, aber die Seite ist so aufgebaut, das vom Design her alles in der Mitte sitzt und selbst bei ner 800x600erter Auflösung alles sichtbar ist.
Xande
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst So 02.03.2008 23:00
Titel
|
|
|
Wenn Deine Seite wirklich 500px hoch ist (was Dein Code vermuten lässt), geht in 800x600 nicht mehr viel, denn die Viewport-Höhe ist dann deutlich geringer als 600px (und auch geringer als 500px, so dass der obere Teil der Seite verschwindet).
Unabhängig davon wirst Du mit der von mir vorgeschlagenen Variante auch Dein IE-Problem los, was immer es auch ist (ohne Link nicht feststellbar). Wahrscheinlich fehlt aber eh nur height: 100%; für html und body.
Zuletzt bearbeitet von heiko_rs am So 02.03.2008 23:04, insgesamt 4-mal bearbeitet
|
|
|
|
|
PixelAnarchist
Threadersteller
Dabei seit: 02.03.2008
Ort: Oberbayrisches Outback
Alter: 54
Geschlecht:
|
Verfasst So 02.03.2008 23:04
Titel
|
|
|
Der Code war einfach nur ein Beispiel.. der Container der in der Mitte sitzt hat eine Größe von 700 x 450 pixel. Jedenfalls schau ich mir den Code an und schau das ich es so umsetzen kann, das meine Seite überall angezeigt wird ohne das es das Design zerreisst.
Danke auf jedenfall für den Link und den Tipp...
Xande
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst So 02.03.2008 23:05
Titel
|
|
|
Ich habe eben noch eine Vermutung hinzugefügt: Haben html und body height: 100%;? Aber unabhängig davon würde ich es (wie gesagt) eh nicht so machen.
Zuletzt bearbeitet von heiko_rs am So 02.03.2008 23:06, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Probleme mit DIV-Positionierung
Probleme mit Div-Positionierung...
Probleme mit Layout Positionierung
[DIV] Probleme mit Positionierung (überlappen)
[CSS] Positionierung
Div Positionierung
|
|