+ Antworten
Ergebnis 1 bis 7 von 7

Thema: HILFE!!! IE zerschießt Layout!

  1. #1
    TP-Member kewlMan macht alles soweit korrekt Avatar von kewlMan
    Registriert seit
    Sep 2002
    Ort
    Bruchköbel, bei Hanau/Frankfurt
    Beiträge
    66

    HILFE!!! IE zerschießt Layout!

    Hallo, bitte helft mir!

    wenn ihr euch die Seite www.dpsg-bruchkoebel.de mit dem IE anschaut (bei mir: Win2000, IE6) sie das Layout wahrscheinlich so aus wie bim Anhang zu sehen. Ich weiß auch, woran es liegt: an den <h2>-Tags auf der rechten Seite ("Zufallsbild" & "Login"). Ich weiß nur nicht so recht warum. Wenn ich im CSS display:inline für die h2-Tags setzte, zerschießt es mir zwar nicht mehr den Content-Bereich, aber ich kann kein Margin/Padding mehr setzten.

    Was jemand von euch rat?
    Angehängte Grafiken  

  2. #2
    TP-Insider paul123 ist auf einem guten Weg Avatar von paul123
    Registriert seit
    Apr 2003
    Ort
    sachsen
    Beiträge
    945
    Hi kewlman. schöne seite! Also auf Anhieb hab ich nur paar Fehler gefunden:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <title>Pfadfinder Bruchköbel
    </title>

    <meta name="author" content="Martynus Gregor" />
    <meta name="description" content="Die Pfadfinder Bruchköbel begrüßen sie herzlich auch ihrer Internetseite. Hier erfahren sie nicht nur alls über unseren Stamm Dom Helder Camara, sondern auch allgemeines über die DPSG und den Pfadfinder-Gründer Baden Powell" />
    <meta name="keywords" content="Bruchköbel, Pfadfinder, DPSG, DHC, Abenteuer" />
    <meta name="robots" content="index, follow" />
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

    <style type="text/css" media="screen">@import "css/dhc.css";</style>
    <style type="text/css" media="projection">@import "css/dhc.css";</style>

    <meta name="generator" content="CMS Contenido 4.4.4">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    </head>
    kuck dir deinen head mal an... da definierst du z.b. das charset 3x. Ich weis jetzt nicht, ob das der Fehler ist, aber das solltest du ändern...

    Ich kuck mal weiter, was mir einfällt, bin nicht allwissend

    |~| "Ein Traum ist immer der Anfang aller Taten!" |~| made by mir

    -------------------------------------------------------

    ...es wird kalt im Wald.


  3. #3
    TP-Member kewlMan macht alles soweit korrekt Avatar von kewlMan
    Registriert seit
    Sep 2002
    Ort
    Bruchköbel, bei Hanau/Frankfurt
    Beiträge
    66
    ups, ich kümmer mich darum. Danke paul!

  4. #4
    TP-Insider paul123 ist auf einem guten Weg Avatar von paul123
    Registriert seit
    Apr 2003
    Ort
    sachsen
    Beiträge
    945
    Also deine css ist recht heftig. Bin ehrlich, so auf die schnelle steig ich mit meinem wissen nicht wirklich dahinter. Bin mal auf ne Lösung gespannt. Wenn das nicht was für terry ist...

    |~| "Ein Traum ist immer der Anfang aller Taten!" |~| made by mir

    -------------------------------------------------------

    ...es wird kalt im Wald.


  5. #5
    TP-Veteran Terry hilft, wo's geht Terry hilft, wo's geht Terry hilft, wo's geht Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Mal ein Schnellschuß:
    entferne das clear:left aus der h2 und schau, was passiert. Wenn sich der IE6 dann wieder normal benimmt, dann liegt das am clear:left.

    Irgendwie gibt es mit dem IE eine ganze Reihe Bugs, die gelegentlich und unter bestimmten Konstellationen auftreten mit dem Floaten und vor allem clearen. Hab aber grad keinen schönen Link zur Hand.

    Tipp: positionier die linke Spalte absolut, dann passiert das schon mal nicht mehr so schnell (dadurch, dass hier mehrfach auf verschiedenen Ebenen gefloatet wird, kommt der IE gerne durcheinander).

    Wäre so das erste, was mir dazu einfällt -> wenn das nichts hilft, dann nimm bitte Deine Seite Stück für Stück auseinander und bau sie neu auf, bis der Fehler wieder auftritt -> aber eben nur ein wenig Beispielcode, CSS im Head. Das zieh ich mir dann und tüftel nochmal, aber nicht so eine große Seite mit so vielen Selektoren. Da streike ich!
    Grüße, Terry

  6. #6
    TP-Member kewlMan macht alles soweit korrekt Avatar von kewlMan
    Registriert seit
    Sep 2002
    Ort
    Bruchköbel, bei Hanau/Frankfurt
    Beiträge
    66
    hallo Terry. Vielen dank für deine Antwort!

    Ich habe die Sache jetzt provisorisch gelöst:
    Für den Div um die News habe ein float: left eingefügt.
    Danach überlappten die News (natürlich nur im IE!) plötzlich die rechte Leiste.
    Dann habe ich ein margin-right für die News gesetzt, damit es im IE ging. Dafür hatte die anderen Browser jetzt einen häßlichen Abstand zwischen News und der rechten Leiste.
    Also habe ich mit der div[id]-Browserweiche den Abstand für die meisten Browser wieder entfernt.

    Jetzt scheint es halbwegs zu funktionieren. Zwar ein unschöner Hack, aber ich habe nicht die Zeit jetzt die ganze Seite auseinander zu nehmen.

  7. #7
    TP-Member kewlMan macht alles soweit korrekt Avatar von kewlMan
    Registriert seit
    Sep 2002
    Ort
    Bruchköbel, bei Hanau/Frankfurt
    Beiträge
    66

    Lightbulb

    Ich habe gerade den Fehler durch Zufall entdeckt. Ich hatte nach jedem Newseintrag ein div mit clear:both. Das war schuld. böses Div!

    Danke vielmals für eure Antworten

+ Antworten

Ähnliche Themen

  1. CSS: Problem mit div-Breite im IE, bitte um Hilfe.
    Von Novasol im Forum HTML & CSS
    Antworten: 13
    Letzter Beitrag: 07.08.2004, 13:52
  2. Hilfe! 99% der CPU wird für den IE gebraucht?
    Von Drivemaster im Forum Betriebssysteme
    Antworten: 4
    Letzter Beitrag: 24.06.2004, 23:56
  3. Hilfe, IE floatet komisch
    Von seb im Forum HTML & CSS
    Antworten: 12
    Letzter Beitrag: 01.06.2004, 13:59
  4. IE, Netscape, Opera .. HILFE :-(
    Von Cassiana im Forum HTML & CSS
    Antworten: 5
    Letzter Beitrag: 26.04.2004, 22:31
  5. hílfe hilfe frames
    Von dexinc im Forum HTML & CSS
    Antworten: 6
    Letzter Beitrag: 09.02.2002, 20:09

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51