Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: IE6 Layout springt

  1. #1
    HTML Newbie
    Registriert seit
    18.11.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard IE6 Layout springt

    Hallo zusammen,

    ich habe ein Web-Layout mit Header, Mittelteil (Content) und Footer (Sticky-Footer) entwickelt.
    Leider ist das Layout komplexer ausgefallen, wie ich es wollte. Das Problem ist, dass das Layout springt und zwar nur beim IE6 (IE5.5, IE7, Firefox2 ist ok).
    Im Header habe ich zwei Menüs mit Text-Links, ein vertikales: <li><a href="...">Blabla</a></li> und ein horizontales: <a href="...">Blabla</a> | <a href="...">Blabla</a> | ...
    Im CSS ist auch a:hover { background:...; } definiert. Fahre ich mit der Maus über einen der vertikalen Links, springt der Content-Bereich um 35px nach unten und bleibt dort, bis ich über einen horizontalen Link im Header fahre. Dann springt der Content-Bereich wieder um die 35 Pixel nach oben und bleibt dort wieder.

    Irgendwie hänge ich bei diesem Problem, vielleicht kann mir jemand einen Tip geben, woran das liegen könnte, oder wie ich zumindest die Fehlerursache einkreisen könnte.

    Danke

    MfG
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE6 Layout springt

    haste da nen link?
    meine glaskugel wurd wegen mißbrauch beschlagnahmt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    18.11.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE6 Layout springt

    Der Link ist: http://apm.emsr-service.de/

    MfG

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: IE6 Layout springt

    Bei .menlnk li.z2 hast Du eine Höhe von 32 px angegeben. Änder das mal in eine Höhe von 1%.

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE6 Layout springt

    gib dem mendiv mal nen overflow:hidden mit auf den weg...

    threadi erklär mir mal bitte was des bringt, ich kann dem nich so wirklich folgen., (mag am bier liegen )
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    18.11.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE6 Layout springt

    overflow:hidden ein wenig geholfen, aber noch nicht vollständig, height:1% hat gar nichts gebracht.
    Wenn das Layout sich "eingerenkt" hat, bleibt es jetzt stabil, bis man die horizontale Fenstergrösse ändert, ansonsten hat sich der Effekt auf den halben Versatz reduziert.

    Ich verstehe jedoch nicht, warum overflow:hidden hier hilft. Bricht der IE6 intern bei hover um (es wird ja keine Schrift oder so geändert) ?
    Warum tritt in der horizontalen Leiste genau der umgekehrte Effekt auf (der Versatz wird weggenommen) ?

    MfG

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE6 Layout springt

    also ich hab den fehler nicht erkannt, muss ich gestehen...
    ich habe nur festgestellt, dass es sich dabei um ein div handelt, was ein floatendes div umschliesstund da hatte ich schon ein paar mal eine ähnliche problematik...
    also wenn du dir ne leere datei machst dort nen wrapper reinhaust, in den wrapper floatende elemente mit ner bestimmten höhe bzw inhalt und dem wrapper nen border gibst, kannste dir mal ansehen was passiert, wenn du overflow:hidden weg lässt und wenn du es hinzufügst.

    im ietester hatte ich grad keine probleme mehr.
    aber deine seite ist ein schönes beispiel dafür, was alles trotz validem code aus den fugen geraten kann.
    kann mich mit deiner sache morgen gerne noch etwas beschäftigen (ne std oder so hab ich ggf noch freie zeit)
    aber dafür müsstest du mir die seite also nur die eine verlinkte mit allen elementen offline zur verfügung stellen. machste einfach ma ne zipfile.

    denn das interessiert mich doch schon, was da los is, hab sowas noch nie gesehen. zumindest hab ich nirgendwo da nen padding oder margin erkannt, was reinkommt.

    nur so als tipp: verzichte auf inline-styles, mach alles über id und klassen, dann isses einfacher zu warten, übersichtlicher und kompakter.
    und: es is sauber getrennt also code und layout

    ich geh nu pennen gut nacht
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. #8
    Pion
    Gast

    Standard AW: IE6 Layout springt

    1. Kein Problem vom IE auch anderer Browser zippen paar Millimeter runter, was auch nicht okay ist

    2. Valide? Klasse noch nie so einen unübersichtlichen CSS Code gesehen, 100 Divs reingehauen ohne Bezug.... (Häste mal lieber Tabellendesign gemacht dann wäre das nicht passiert)

    3. Sieht mir das nach einem ACTIVE Problem aus

  9. #9
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE6 Layout springt

    ja pion der code ist valides xhtml 1.0 strict
    und welche browser zippen denn noch? also ich hab des nur beim ie6 gesehen gestern..
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    18.11.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE6 Layout springt

    Ich Teste das Layout z.Zt. nur mit IE-Tester IE5.5 -IE7 und Firefox2.

    1. das Layout ist tatsächlich nicht 100% pixelgenau in verschiedenen Browsern, aber dank einiger CSS-Hacks fast zu 100%. Was ich aber konkret meine ist, daß der Content-Bereich im IE6 (und zwar nur im IE6) um etliche Pixel nach unten und oben springt, wenn man über die Links im Header fährt.

    2. valide schon, unübersichtlicher CSS ja, ich muss zugeben, ich habs auch ein wenig vermurkst und liesse sich vermutlich besser optimieren, sowohl technisch als auch von der Übersichtlichkeit.

    3. Was heisst ACTIVE ?

    Zum Seitenaufbau:
    An die Inline-Styles werde ich noch rangehen, hatte bereits vieles in css-Klassen gepackt, ansonsten Punkt 2.

    Damits nicht ganz so wüst aussieht hab mal ne test.zip gemacht, aus der ziemlich alles ohne Relevanz zu dem Problem rausgestrichen ist.

    Übrigens hab ich auch das JS entfernt, und das Layout mit variabler Breite gewählt, da das Problem bei fixer Breite mit dem overflow:hidden in .mendiv sonst nicht zu sehen ist. In test.htm ist das overflow:hidden als Inline-Style eingefügt, so findet und editiert man schneller diese Problemstelle.


    MfG
    Angehängte Dateien Angehängte Dateien

Ähnliche Themen

  1. location.reload springt im IE auf Anfang!
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 24.08.2010, 01:14
  2. Wieso springt es von links nach rechts?
    Von st0ffy im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 01.02.2008, 17:57
  3. Tabellen-Layout in DIV-Layout umändern...
    Von Peter_Pan im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 22.03.2007, 21:29
  4. Programm springt in falsche If-Abfrage.
    Von Barret im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 11.01.2007, 10:13
  5. hauptfenster springt in ausgangsposition zurück
    Von Ludger Müller im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 06.11.2006, 00:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •