ABAKUS

hallo,

habe mir eine neue vorlage für meine seite gebastelt (mit div). im groben sieht es so aus:
oben header
links navigation
mitte content
rechts infoboxes mit aktuellen news
unten footer

das problem macht mir der der rechte bereich. im firefox und netscape funktioniert das layout einwandfrei. da wird alles so angezeigt wie ich mir das vorgestellt habe.

nur der internet explorer dürfte das layout anders interpretieren und gibt den rechten infobox-bereich nicht rechts, sondern hängt ihn nach dem content wieder ganz links unter der navigation.

kann mir jemand weiterhelfen und sagen, wie ich das lösen kann? hier die seite: https://matin.at/vorlage.php

danke im voraus!

hi matin,

das problem entsteht durch die absoluten px angaben in deinem css.
die verschiedenen browser berechnen padding und margin werte unterschiedlich. der ie denkt (naja) berechnet anders und da er davon ausgeht nicht genügend platz auf der x achse zu haben stellt er die boxen nach unten.





bei css 2.0 layout empfiehlt es sich daher wenn immer möglich mit relativen werten zu arbeiten. entspricht auch eher der idee ...
hoffe das bringt dich weiter
~baba

heißt das, dass ich für die jeweilige breite in der "box" einen prozentsatz eingeben muss? hab's probiert, funzt nicht ...

Hi,

der IE rundet bei der Umrechnung der Prozentangabe auf Pixel so, dass z.B. 2 Blöcke nicht mehr nebeneinander, sondern untereinander stehen.

Die Prozentangaben der Blöcke also so wählen, dass sie zusammen weniger als 100% ergeben, also z.B. jeweils 48%
Dann sollten beide Blöcke auch im IE nebeneinander erscheinen.


Gruß, Liesl_Weppen

Liesl_Weppen hat geschrieben: Die Prozentangaben der Blöcke also so wählen, dass sie zusammen weniger als 100% ergeben, also z.B. jeweils 48%
Dann sollten beide Blöcke auch im IE nebeneinander erscheinen.

hab ich gemacht. links 18 %, mitte 58 % und rechts 18 %

den linken und mittleren teil zeigt er richtig an. nur den rechten teil will er nicht rechts hingeben, sondern fügt ihn unten ein

hi matin,
bei mir funktionierts. es wird einfacher zu verstehen wie das ganze funktioniert wenn du die einzelnen container einfach einfärbst. siehe css.
ich hab jetzt nicht alles sauber umgesetzt ... is ja auch nicht meine seite aber zum einen klappt es jetzt mit beiden browsern únd man erkennt ganz gut welchen platz die elemente einnehmen.

https://mitglied.lycos.de/babasaveboard/formate.css

~baba

ja, super! funktioniert - auch wenn ich nicht weiß warum bzw. was du gemacht hast vielen dank!!!!