Problem zwischen IE (alle Versionen) und Firefox/Mozilla
Hallo Contao-Nutzer,
ich bin mal wieder am verzweifeln.
Ich habe eine Erweiterung installiert namens: Mooquee4ward. Es funzt alles perfekt und ich habe ein eigenes Frontend-Modul gebastelt um die Möglichkeit zu haben ein Layout-Standart zu diffinieren.
Ich habe alles hinbekommen und es sieht perfekt aus in allen Firefox versionen.
Nun habe ich auf Windows IE gesehen das er mir das Modul komplett woanders hinschiebt also die position/ausrichtung woanders ist als bei Firefox.
Mir ist leider klar das diese Probleme durch die verschiedenen Browser öfters auftreten.
Nun habe ich ja gesehen das unter CSS die Punkte: IE7 und IE8 sind wodurch ich denke das diese speziell für den Internet Explorer sind.
Leider ändert sich nichts wenn ich dort den gleichen Code reinschreibe wie beim Main-Golden. Ich wollte beim Stylesheet IE7/8 einfach die position korrigieren indem ich andere Werte hernehme.
Kann ich das eigentlich so machen?
Meine Schritte waren:
Frontend-Modul angelegt und option: "Abstand davor und dahinter" wert -130 bei davor eingeschrieben da es sich sonst auch beim Firefox verschiebt.
im Stylesheet unter Main-golden, neuer Syte für .mooquee angelegt.
Margin (Außenabstand) wert 160 eingetragen.
So hat es perfekt gefunzt nur leider ned mit dem IE :-(
wisst ihr Rat wie ich für den IE einen eigenen Style anlegen kann oder wie ich das Problem gelöst bekomme?
Gruß
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo,
ich kann kein Link geben da ich viele sachen auf einem virtuellen server teste.
Bei manchen Dingen geht meine Positionierung super über css.
Hier mal der Code von dem Modul: Mooquee der Bildwechsler den ich vom Quelltext einer Seite von mir habe, DAS GEHT BEIM EXPLORER:
<div class="mod_id block" style="margin-top:-130px;">
<div id="mooquee57" class="mooquee" style="width:957px;height:268px;">
<div class="mooquee_item" style="width:957px;height:268px;">
<img src="tl_files/DERSAUER/Bilder/sliderbilder/03.jpg" alt="03"/>
</div>
<div class="mooquee_item" style="width:957px;height:268px;">
<img src="tl_files/themetls/Bilder/sliderbilder/04.jpg" alt="04"/>
</div>
</div>
Wenn ich beim CSS das hier aktiviere:
Selektor: .mooquee
Kategorie:
Kommentar: .mooquee ------------------------------------------------------------------------------------------------------
Größe und Position: nein
Breite: ,
Höhe: ,
Position: , , , -160,
Positionsart: fixed
Float:
Clear:
Overflow:
Display:
Margin, Padding und Ausrichtung: ja
Margin (Außenabstand): , , , 160, px
Padding (Innenabstand): , , , , px
Elementausrichtung:
Vertikale Ausrichtung:
Textausrichtung:
GEHT ES BEIM FIREFOX ABER NICHT IM EXPLORER
Vielleciht ist das ja so falsch wie ich es mache, kennt ihr eine bessere Lösung um die Position zu beeinflussen?
Bei Firefox geht es und sieht super aus, aber im Explorer macht er mir von oben ab eine riesen Lücke rein.
Wenn ich den CSS-Code deaktiviere, geht es im Explorer aber nicht im Firefox, mozilla etc., firefox schiebt dann das ganze tool nach oben, das Bild habe ich mal als anlage rein.