"width:auto" wird vom IE falsch interpretiert

[heldausberlin]

Versuch grad ein Grundgerüst einer Seite zu kreieren.

Der Content soll vollständig von einem Rahmen, bestehend aus einzelnen DIVs (die später noch Hintergrundbilder bekommen), umgeben sein.

Mit der jetzigen Variante klappt das auch prima, nur der Internet Explorer-Win macht mal wieder nicht mit.

Es liegt an den Angaben "width:auto" und "height:auto".


Und hier die Seite: Klick

Hat jemand ne Idee?

 

[hertzchen]

ich würde für den ein extra .css anlegen - das mit "auto" lernt der nie oder es stimmt in den anderen nicht mehr

(zumindest mache ich es mittlerweile nur noch so, der Spielverderber kriegt extra Regeln)

Du könntest allerdings anstatt "auto" auch "100%" nehmen - hast dann allerdings Scrollbalken

 

[2nd]

Hihi Held, ich arbeite auch immer so am Anfang mit den CSS/DIV Elementen - alles quietschebunt.

Kannst Du nicht einen zentralen Layer machen und den zentrieren anstatt 9 DIVS da reinzubauen?

2nd

 

[heldausberlin]

Wie gesagt, die DIVs drumrum bekommen alle einen speziellen grafischen Hintergrund, somit brauche ich sie alle.

Das mit "100%" geht nicht, da es dann volle 100% werden und nicht 100%-100px.

Extra CSS für IE würde ich gerne machen, bloß wie?

Bisher musste ich das Problem mit Tabellen lösen, weil es anscheinend nicht anders geht, aber vielleicht hat ja doch einer ein Workaround gefunden.

 

[Pink Floyd]

Schau mal hier rein:
http://www.css4you.de/

Da stehen wahrscheinlich alle Antworten auf deine Fragen

-Stephan

 

[hertzchen]

ich hatte dass mit 100% getestet

extra Regeln für den Spielverderber:

http://www.apfelplusz.de/?p=331

 

[hertzchen]

http://www.css4you.de/wsboxmodell/index.html

 

[heldausberlin]

http://www.css4you.de/wsboxmodell/index.html

Ist leider nicht für meinen Fall geeignet, da ich wirklich auch die Ecken-DIVs benötige.

 

[Mondmann]

Das liegt daran, daß der IE das 'auto' an den Inhalt anpasst.
Also wo kein Inhalt ist, da kann er auch nichts einstellen.
Tippe mal in den Content einen Text ein mit mehreren Zeilen und du wirst sehen, daß der IE die größe dem Text anpasst.

Beim Test eines CSS Layouts solltest du demnach immer feste längenangaben verwenden, damits in jedem Browser gleich aussieht.

Ein Sehr gutes Tutorial zum Thema:


hier

Zudem ist zu viel DIV nicht gut, da es ältere Browser oft verhageln und du musst alles Kniffe kennen mit denen man das ausbügeln kann.
Thema CSS Hacks für IE.
Auch der Opera in älteren Versionen ist oft ein Spielverderber.


Trotzdem viel Erfolg und lies Dir das Tutorial aufmerksam durch, das wird Dir einige Fragen beantworten.
Auch die o.g. Seite ist sehr gut.
Fange am Anfang an mit "wie fange ich an" und belese Dich intensiv.

Grüße Mondmann

Viel Erfolg.

 

[heldausberlin]

Das liegt daran, daß der IE das 'auto' an den Inhalt anpasst. Also wo kein Inhalt ist, da kann er auch nichts einstellen. Tippe mal in den Content einen Text ein mit mehreren Zeilen und du wirst sehen, daß der IE die größe dem Text anpasst. Beim Test eines CSS Layouts solltest du demnach immer feste längenangaben verwenden, damits in jedem Browser gleich aussieht.

Genau das will ich ja nicht. Die DIVs sollen sowohl in Breite als auch in Höhe das Fenster ausfüllen, was ja auch alle Browser außer IE machen.

Die gelinkten Seiten sind zwar nett, aber leider keine Lösung für mein Problem.

 

[heldausberlin]

Ein Sehr gutes Tutorial zum Thema: hier

Dieses Kapitel hilft mir weiter: http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken

Danke für den Link

 

[Mondmann]

Genau das will ich ja nicht. Die DIVs sollen sowohl in Breite als auch in Höhe das Fenster ausfüllen, was ja auch alle Browser außer IE machen.

Die gelinkten Seiten sind zwar nett, aber leider keine Lösung für mein Problem.

Lies Dir das Tut durch vom Andreas Kalt, da steht genau das drinne. Es wird Dir weiterhelfen.
Dazu brauchst du Stunden, das geht mal nicht so schnell...