Internet Explorer 6 und Layout - Fehler!!!

[radiogram]

Hallo,

gerade hat mich ein Besucher angeschrieben,
dass der linke Container quasi über die Mitte "gerutscht" ist.

Habe einige Browser getestet, scheint aber nur ein Problem des IE 6
zu sein.

Kann mir da eventuell einer der fähigen Leute helfen oder Tipps abgeben?
Füge hier mal einen screenshot bzw. den Link zum selbigen ein:

http://travesounds.com/ScreenIE6.gif

Besten Dank vorab & viele Grüße,

Jan

****************

JTL- Shop 2

 

[Dealux-GmbH]

Hier ein Link der dir Hilft das Problem zu erkennen:
http://www.css4you.de/wsboxmodell/index.html#browser

Ich arbeite in unseren Shops mit sehr vielen Browserweichen, die der JTL-Shop2 bietet. Kenne das Problem nur zu genüge.

Das Orange des Hintergrunds ist übrigens sehr "grell" finde ich.

 

[radiogram]

Hallo Jörg,

danke für den Tipp, nur...:

Zitat: "Wenn kein Rahmen und keine Hintergrundfarbe benötigt wird, solltest Du deshalb statt padding margin verwenden."

Ich benutze aber eine Hintergrundfarbe, somit ist dieser Tipp m.E. hinfällig... oder?

Dank auch für den Hinweis mit dem Farbton. Benutze diesen hier: #FF961E.
Auf meinem Schirm empfinde ich ihn eigentlich als recht "warm", Du meinst, er müsste etwas "dunkler" sein?

Danke & Grüße, Jan

 

[Force]

Hallo probiere mal folgendes:

*html #left_container    { background-color: white; float: left; margin-left: -940px; width: 180px }

Den normalen left Container lassen und das neue Codestück direkt darunter, musst du noch anpassen an die Originale left Container, mit dem width ein wenig spielen können win paar Pixel weniger oder mehr bei dir sein.

Gruß
DIrk

 

[Dealux-GmbH]

Dann arbeite von der von mir benannten Browserweiche!

Hi,

folgende Browserweichen stehen global zur Verfügung:

{$is_FF}   
{$is_IE}  
{$is_JTL_SHOP2}  
{$is_OP}  
{$is_SA}

Nun kannst Du im Template so vorgehen, um etwas browserspezifisch auszugeben:

{if $is_IE}ausgabe für den IE{/if}
{if $is_FF}ausgabe für den Firefox{/if}

usw.

Du kannst diese auch auf die jeweiligen Versionen definieren. Geht dann so:

{if $is_IE==6}ausgabe für den IE6{/if}

Zu der Sache mit dem Farbton: Vielleicht kann da noch jemand anderes seine Meinung sagen. Mein erster Gedanke war:"Aua, meine Augen!" nach ca. 3 Sekunden haben sich die Augen dran gewöhnt und es geht. Nen ticken dunkler wäre schon besser meiner Meinung nach.

 

[radiogram]

:?:

ääh... mhh...

Danke, Jörg...

klingt toll, weiß aber leider nicht, ob ich die Weiche für IE 6

a) genau wie von Dir geschrieben einsetze
und
b) wo ich die einsetze

Weiß ja leider nicht einmal genau, was das ist; würde es aber blindlings einsetzen, wenn Du mir zu a) und b) Antworten geben könntest.

Besten Dank & verzweifelte Grüße,

Jan

 

[Dealux-GmbH]

Hmm... ich denke mal in der LeftContainer.tpl, da man in der css-Datei kein Smarty benutzen kann. Schick mir mal deine leftContainer.tpl und deine CSS Datei per PN, dann änder ich dir das ab.

 

[radiogram]

Hallo Leute,

muss noch einmal nachhaken...:

Kann mir vielleicht jemand das mal mit den Browserweichen erklären?

Besten Dank vorab & viele Grüße

Jan

@ Force: Danke für den Tipp, habe es probiert wie beschrieben, blieb aber wirkungslos...

 

[Force]

Das wundert mich, da es bei mir funktioniert.
Der left Container war bei IE6 auch immer in der Mitte, mit der Weiche bleibt e rschön links hängen. Hmm naja wer weiss woran das so liegt

Gruß
Dirk

 

[modi-art]

ie6 css hack

Der Tipp von Force ist korrekt.
Das ist der sogenannte "Star plus html"-Hack. Hier wird ein Fehler im IE6 ausgenutzt, um die fehlerhafte Darstellung korrigieren zu können

Andere Browserweichen sollte man wenn möglich besser vermeiden...

 

[radiogram]

@ Force & Modi-Art:

Hab' mich jetzt nochmal rangesetzt...

Hatte beim ersten Mal etwas falsch gemacht, deswegen wirkungslos.
Jetzt nochmal ausprobiert, und... es zeigt Wirkung - allerdings ist jetzt
der linke Container auf der rechten Seite... :shock:

Vielleicht eine Idee, was ich falsch gemacht haben könnte?

Besten Dank & viele Grüße,

Jan

travesounds.com

 

[modi-art]

Vielleicht eine Idee, was ich falsch gemacht haben könnte?

Ja:

*html #left_container    { margin-left: -180px; width: -940px }

kann nicht funktionieren, weil es keine negative Breitenangabe gibt.
Der Abstand nach links kann jedoch negativ sein, ist bei dir aber zu gering (--> darum steht die box so weit rechts).

Ersetze die ganze Zeile mal durch folgende:

* html #left_container    { margin-left: -960px; }

Zu der Sache mit dem Farbton: Vielleicht kann da noch jemand anderes seine Meinung sagen.

Da kann ich mich nur anschließen. Die Farben sind im Prinzip nicht schlecht gewählt, nur falsch angewendet. Siehe auch: Farben für das Web - zu bunt ist ungesund!

 

[radiogram]

Hallo Modi-Art,

das ist es! Danke, danke, danke... muss die Pixelzahl noch etwas anpassen ( -1080px +/- ), aber tendenziell alles schick!

Zu den Farben:

Habe mich mal durch den Artikel gelesen, danke für den Tipp. Hatte mich so auf mein Orange eingeschossen, auch wenn ich in meinem tiefsten Inneren ahnte, dass ich es damit wohl etwas übertreiben würde... :roll:

Werde in den nächsten Tagen mal ein bisschen spielen & testen, vielleicht kann ich das ja optimieren.

Danke nochmals & beste Grüße

Jan

*********************

travesounds.com