Css Datei für Internet Explorer Korrigieren?

[mirek]

Hallo

Wie kann man die
Css Datei für Internet Explorer Korrigieren?
In Opera , Firefox, und Google Chrome, sieht der Layout gleich
In IE habe ich Content Verschiebung um ca. 200px
Danke in voraus …
Gruß
Mirek

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Es wäre hilfreich wenn du deine Code hier posten würdest. Noch besser wäre es wenn du das ganze hochladen würdest und den Link hier postest. Du kannst beim IE so wie bei anderen Browser mit den "Hacks" oder den Conditional Comments arbeiten. Also ein separates CSS das nur für den IE gedacht bzw. nur von diesem gelesen wird.

Was die Hacks angeht hilft einem Dreamweaver viel weiter. Dazu die Palette Browserkompatibilität aufrufen und deinen Code testen. Es wird dann in der Regel immer direkt die Lösung angezeigt. Ist natürlich auch etwas von deinem Code abhängig. Ist es jetzt nur ein IE-Bug oder ist im ganzen das CSS schlecht aufgebaut.

Grüße Patrick

 

[derkater1]

AW: Css Datei für Internet Explorer Korrigieren?

Also eine Verschiebung von 200 Pixeln deutet für mich sehr auf einen Fehler im CSS hin, weil normalerweise sind die Abweichungen zwar vorhanden, aber solche Dimensionen hab ich persönlich noch nicht gehabt.

Korrigieren kannst Du das, indem du speziell für den IE über Conditional Elements eine eigene CSS-Datei einbindest.

<!--[IF IE]>Das ist für den IE.<![ENDIF]-->

Eine Erklärung dazu findest Du hier.

LG Tom

 

[simonpicos]

AW: Css Datei für Internet Explorer Korrigieren?

Du kannst für den IE ne eigene CSS-Datei anlegen. Stichwort Conditional Comments

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Also eine Verschiebung von 200 Pixeln deutet für mich sehr auf einen Fehler im CSS hin, weil normalerweise sind die Abweichungen zwar vorhanden, aber solche Dimensionen hab ich persönlich noch nicht gehabt.

Sehe ich auch so. Daher mal deinen Code / den Link zu deiner Seite hier posten damit wir da mal einen Blick drauf werfen können.

 

[mirek]

Hallo Patric, Tom und simonpicos

Danke für Eure Schnelle Antworten …
Hat mich weiter gebracht.

Gruß
Mirek

Hallo

Haben sich unsere Postings überschnitten
Ja mit Sicherheit ist ein Fehler in CSS
Das Problem ist das IE spricht nicht die Linke Menu nicht an.
So bald ich die Classe #content in CSS Datei einfüge verliere ich die „a href links“ in linken Menu. Alle andere Browser Funktionieren richtig.
Ich habe die Seite upgeladet:


es handelt sich nur um die Startseite …
Nach tage langer Fehlersuche habe nur aus gefunden das die classe #content
Irgendwie überdeckt das linke menü oder etwas „anliches“
So das die a links nicht ansprechbar sind.

Vielleicht jemand findet den fiesen Fehler

Danke in voraus

Gruß
Mirek

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Bevor du dir sorgen um den IE machst würde ich allgemein erst einmal dein CSS aufräumen. Du hast mehre Dinge unnötig oder doppelt notiert. Vor allem was margin und padding angeht. Ich schaue aber weiter nach deinem Problemchen. Steige da nur noch nicht so ganz durch.

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

Hallo

OK….
Was schlägst du vor, für aufzuräumen…
Oder was ist den Überflüssig?
Danke auch in voraus für deine Hilfe .
Gruß
Mirek

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Erst einmal für dein HTML und CSS den utf-8 Zeichensatz festlegen. Was das aufräumen angeht meine ich vor allem die doppelten Notierungen für margin und padding. Mal gibst du setzt du erst margin od. padding in alle Richtungen auf Null. Direkt danach folgt dann wieder ein left oder right.

Ich habe mir mal dein CSS gespeichert. Frickel dir bisschen was zusammen. Halt soweit ich da jetzt durchblicke. Danach poste ich dir dann gleich hier den den Code.

Edit: Wenn nur ein Wert geändert werden soll müssen nicht allen anderen noch notiert werden. Hier mal ein Beispiel für deine Navi. Die würde ich im übrigen komplett neu schreiben. So ist das doch Murks.

#menu-oben {    
    width: 975px;
    height: 30px;    
    padding: 30px 0 0 24px ;
    margin-left: 26px; 
    background: transparent url(../layout/menu-oben.png) no-repeat;
}

Gib der UL die selbe Größe wie dein Div, dann mach entweder die LI's zu einem Inline-Element, verpasse denen ein float: left und anschließend ein margin-right.

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

Hallo Patric

Ok ... ich hoffe du kriegst den Wurm raus ...
Ich habe es nach einigen Tagen nicht wirklich geschafft...
Bin schon mal gespannt was da schief gelaufen ist .
Ich binde auch die utf-8 ein.

Gruß
Mirek

 

[derkater1]

AW: Css Datei für Internet Explorer Korrigieren?

Sehr inflationärer Gebrauch von margins und paddings

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Sehr inflationärer Gebrauch von margins und paddings

Das dachte ich mir auch :lol:

So, ich habe jetzt nur mal den Aufbau deiner Navi aufgeschrieben damit du siehst wie es "ordentlicher" aussehen könnte. Unter anderem das weglassen unnötiger Klassen.

<!-- html  -->
        <div id="menu-oben">
            <ul>
                <li><a href="#">Über mich</a></li>
                <li><a href="#">Mein Equipment</a></li>
                <li><a href="#">Gästebuch</a></li>
                <li><a href="#">Infos</a></li>
                <li><a href="#">Besucherzähler</a></li>
                <li><a href="#">Kontakt</a></li>      
            </ul>
        </div>

/* --- CSS --- */

#menu-oben {width:975px; height:30px; background:#333 url(../layout/menu-oben.png) no-repeat;}
#menu-oben ul {width:975px; height:20px; list-style:none; padding:5px 35px}
#menu-oben ul li {float:left; margin-right:45px;}
#menu-oben ul li a {text-decoration:none;color:#fff;}
#menu-oben ul li a:hover {color:#ccc;}

Die Links deiner Navi können natürlich auch direkt mit...

#menu-oben a {;}
#menu-oben a:hover {;}

...angesprochen werden. Sind ja die einzigen die im Div menu-oben liegen

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

Hallo

Ja Patric, so konnte ohne classen auch aussehen.
Aber die Classen sind nicht das Problem
Zu mindestens nicht die von obern Menu

Ich habe inzwischen die CSS Aufgeräumt
Aber das IE Problem besteht immer noch.

Gruß
Mirek

PS :
Ich habe das Layout (die 200px ) angepasst damit alles gleich ausseht
aber die links in Menu sind nicht ansprechbar

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

In welchem IE sind denn die Probleme mit deinem Content? Ich habe jetzt nur im aktuellsten nachgeschaut. Dort ist alles in Ordnung bzw. wird mir dort alles so wie im Firefox angezeigt.

Grüße Patrick

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

hmmm ...
Das ist interessant ...
Ich habe IE 9
Aber auch in dem IE-Tester
Kommt das gleiche Problem bei IE 8 …
Das heißt die Linke Menu wo die Bildergalerien sind
Sprechen die a links nicht an beim anklicken
Und wechseln auch die Farbe nicht bei „mause over“ …
So gesehen sind sie bei mir Tod

Welchen IE hast du den?

Gruß
Mirek

PS:
Ich habe das Layout angepasst damit alles gleich ausseht
aber die links in Menu sind nicht ansprechbar

 

[patrick_l]

AW: Css Datei für Internet Explorer Korrigieren?

Ich habe auch den IE9. Bei mir funktionieren die Links auch nicht. Ist mir eben nicht aufgefallen. So auf Anhieb weiß ich jetzt auch nicht woran das liegen könnte. Aber auch in anderen Browser wird deine Website auseinander gepflückt . Sobald man eine Galerie aufruft rutscht der rechte Teil nach unten. oder ist das so gewollt?

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

ja das ist so gewollt den
in der Galerie kommen 800x600 große Bilder
Die Homepage (Startseite) ist etwas kleiner.

Ja mir geht es nur um die Links in IE ...
da ist irgendwo Hund begraben ...
bin schon ganze Woche dran nur die Links im IE zu beleben


Wenn du aus dem CSS die content classe entfernst
Dann funktionieren auch die Links in IE
Komisch aber war ..

Gruß
Mirek

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

Nochmals zu Ergänzung …
Vielleicht hilft dir weiter.
Ich habe die Seite umgeschrieben damit der Layout in allen Browser Einheitlich ausseht.
Vorher habe ich in der classe=menu-links float:left inbegriffen.
Und in der classe=content position:absolute.
In dieser Konstellation funktionieren auch die Links in IE
Aber gibt es eine Verschiebung des contents von ca. 200px gegenüber anderen Browser ....
Diese Verschiebung kann man zwar durch CSS Anpassung für IE ausgleichen …
Aber das ist so nicht richtig . Und kann bei neuen Explorer Versionen zur Verhängnis werden.
Vielleicht kannst du damit was weiter anfangen

Gruß
Mirek

 

[christin32]

AW: Css Datei für Internet Explorer Korrigieren?

Es wird Dir helfen, wenn Du Deinen Code validierst. www.w3.org

 

[mirek]

AW: Css Datei für Internet Explorer Korrigieren?

hi

Wie emacht man das auf dieser Seite ?
Es wurde schon mal Valiediert... keine Fehler in CSS datei ...

Gruß
Miek