HILFE!!! IE zerschießt Layout!

**kewlMan** · 10.09.2004 16:05

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?

**paul123** · 10.09.2004 16:14

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

**kewlMan** · 10.09.2004 16:19

ups, ich kümmer mich darum. Danke paul!

**paul123** · 10.09.2004 16:33

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...

**Terry** · 10.09.2004 17:16

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!

**kewlMan** · 10.09.2004 18:33

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.

**kewlMan** · 10.09.2004 18:51

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

zur Startseite vom TP

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

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

HILFE!!! IE zerschießt Layout!

Ähnliche Themen

CSS: Problem mit div-Breite im IE, bitte um Hilfe.

Hilfe! 99% der CPU wird für den IE gebraucht?

Hilfe, IE floatet komisch

IE, Netscape, Opera .. HILFE :-(

hílfe hilfe frames

Aktive Benutzer

Aktive Benutzer