✔ Hilfe bei Layout

[julieann]

Komme gerade vom Mittagessen und bin ganz begeistert! Vielen,vielen Dank!

Damit werde ich nunmal weiterbasteln!

 

[julieann]

So, ich habe heute Nachmittag gebastelt und bin nun soweit, euch etwas zu zeigen.

Mein Problem: In meinem Opera sieht es so aus,wie ich möchet, aber im IE leider nicht. da passen einige Abstände irgendwie nicht.
Könntet ihr euch das mal ansehen?


Hier die neue Seite mit fixer Breite:

http://www.oecocolor.de/TEST/index.html

zum Vergleich:

http://www.oecocolor.de/TEST/3.pdf

Hier noch der Link zum CSS File:
http://www.oecocolor.de/TEST/css/oecocolor.css

 

[Maik]

Bei mir ergibt sich im IE6 ein ganz anderes Bild:



Dem ich so begegne:

<div id="aussen"> ... </div> <!-- "ss" anstelle von "ß" -->

#aussen
{
position: absolute;
top: 250px;
left: 10px;
}

mfg Maik

 

[julieann]

Hey.
Danke schonmal, das mit dem "außen" habe ich geändert (nur noch nicht hochgeladen) und das ist schonmal gut. Aber mein Problem ist noch ein weiteres/anderes.
Ich habe mal zwei Screenshots gemacht. Der erste vom IE und der zweite in Opera.

Im IE ist der Footer (bei dir auch,denke ich,aber wegen der Auflösung bzw. Bildschirmgröße ist es bei dir kein Problem) irgendwie breiter, wirkt so jedenfalls. Dadurch schiebt sich das über den Inhalt z.B. der rechten Spalte.

 

[Maik]

Das macht Opera und die übrigen Browser bei mir aber auch, wenn der vertikale Viewport runterskaliert wird.

mfg Maik

 

[julieann]

Wirklich? Das verstehe ich nicht.
Ich habe nochmal den Footer rot unterlegt und Bilder gemacht. So wie in meinem Opera (dem zweiten) ist es natürlich eigtl. gedacht. Aber die Höhe ist doch festgelegt? Wieso macht er die jetzt breiter? Und wieso macht mein Opera das dann nicht,wenn deiner es tut?

 

[Maik]

Richte darin mal den Block .inhaltDiv so aus:

#unten .inhaltDiv {
        /*position: absolute;*/ /* auskommentiert = deaktiviert */
        /*top: 20px;*/ /* auskommentiert = deaktiviert */
        margin: 20px 0 0 0;                /* Abstand (oben-rechts-unten-links) des Inhalts zum Blockrand */
}

Dein verwendeter Ausdruck "breiter" (Ausdehnung auf der horizontalen Achse) hatte mich zunächst auf die falsche Fährte geschickt

mfg Maik

 

[julieann]

Super. Vielen Dank für den Tipp!