Bild "zu hoch" angezeigt. IE machts falsch, opera/FF machens richtig! (floating)

Status
Nicht offen für weitere Antworten.

mille

Erfahrenes Mitglied
Hey Leute.
Ich wieder :D.

Mein Problem is ganz einfach. Nutzt einmal den FF und einmal den IE und guggt euch http://www.da-mille.de/schoenerstein.de an.
Im FF werden die Pfeile der Ersten Ebene (da kommt noch ein andrer hin, wenn alles funktioniert) ganz rechts am Rand des Menüs angezeigt. Leider nur etwas zu hoch. Das kann ich mir überhaupt nicht erklären.Die Schrift im gleichen DIV-Container wird mittig angezeigt und das Bild ist zu hoch. Liegt das Problem hauptsächlich darin, dass das Bild in den Abmaßen zu klein ist (dann erhoehe ich es auf 21 pixel).

Viel schlimmer ist die Darstellung im IE. der macht nämlcih für jedes DIV (vorne, mitte, hinten) einen Zeilenumbruch. Die 3 Container (vorne, mitte, hinten) sind adäquat zum menü.
vorne = das Plus
mitte = die Schrift
hinten = das Pfeil

Ich glaube, das der IE da irgend n Problem mit hat, denn der Inhalt der Seite (in der Mitte des Browserfensters) wird ja auch erst rechts UNTERHALB des menüs angezeigt. Je länger als das Menü wird, desto weiter runter wandert auch der Inhalt, obwohlich mit den floatings (left/right) gearbeitet habe.

Weiss jemand Rat?

MfG
mille
 
Hallo mille,

wer soll deinen Quelltext lesen? Warum sind in manchen Zeilen am Anfang 18 Tabulatoren? Du hast offensichtlich einen riesigen Monitor. Die Stylesheets sehen auch nicht besser aus.

Habe aber trotzdem folgendes bemerkt, folgender Auszug aus deinen Stylesheets (style.css):
Code:
.dreigeteilt{
   line-height: 21px;
}
.vorne{
   float: left;
}
.mitte{
   float: left;
   text-align: left;
}
.hinten{
   text-align: right;
   width: 100%;
}
Wenn du dem DIV-Block mit der Klasse "hinten" eine Breite von 100% seines Elternelementes zuweist, dann musst du dich mal in deinem Quelltext umsehen, was die Browser als Elternelement da hernehmen könnten. Offensichtlich gibt es hier Interprtationsunterschiede zwischen FF und IE, da der IE (v7) diesen Block so breit wie das ganze Browserfenster macht. Daher auch zwangsläufig der Zeilenumbruch.

Vielleicht hilft dir das weiter.
 
Oh sorry, ich ahb nichd aran gedacht, den entsprechenden Part aus der CSS zu posten.
Aber ja, genau die Zeilen sind die Übeltäter.
Der Quelltext tut mir leid, der wird durch Smarty so ausgegeben. das Template an sihc sieht ordentlich aus.
es ist im übrigen auch zu finden. unzwar unter http://www.da-mille.de/schoenerstein.de/menue.tpl
Das wäre nur der relevante Quellcode für das Menü! Allerdings halt mit Smarty-Code.

Zum Elternelement: das hab ich auch schon überlegt. Theoretisch müsste das Elternelement von "hinten" ja gerade "dreigeteilt" sein. Schient aber nicht so zu sein :-/. Ich werd nebenher auch noch mal googlen.
 
Status
Nicht offen für weitere Antworten.
Zurück