Anzeigeproblem im MSIE

jo@chim · http://www.antibuerokratieteam.net (WP 2.8 / Firefox 3.0.10)

Der Hintergrund meiner Sidebars auf antibuerokratieteam.net wird per CSS-Selektor über eine Grafik aufgebaut:

Code

#grandwrapper {
	margin: 0px auto;
	padding: 0px;
	background: #C4DADC url(images/wrapper.gif) repeat-y;
}

Beim Firefox, Opera und auch KDE-Konqui funktioniert das hervorragend. Beim MSIE 7 werden allerdings in der Einzel-Beitragsansicht (nicht in den Standard-Archivansichten) die Elemente der Sidebars (Text & Grafiken) nicht angezeigt. Die Hintergrund-Grafik schiebt sich sozusagen in den Vordergrund (man sieht das während die Seite lädt & auch im HTML-Quelltext).
Woran kann das liegen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Chaostage ... ? ... im Quellcode is ja richtig schwer was los ...
Einen FF in die Knie zuzwingen, Respekt !

Sieht mir nach einem "[FONT="Courier New"]float[/FONT]"-Problem aus.
Zwei seitliche Container um den eigentlichen Content mit [FONT="Courier New"]float:left [/FONT]und [FONT="Courier New"]float:right[/FONT] zu umgeben macht im IE immer irgendwie Stress.
Struktur der Seite umstricken, den Content-Container zwischen die "Sidebars" klemmen und alles (!) mit [FONT="Courier New"]float: left[/FONT] definieren und die Contentbreite festlegen.

Code

#content {
  [COLOR="Blue"]width: 540px;[/COLOR]
  padding: 0px;
  text-align:left;
  [COLOR="Blue"]float: left;[/COLOR]
}


#navibar {
  [COLOR="Blue"]float: left;[/COLOR]
  width: 200px;
  margin: 20px 0;
  padding: 0px;
  text-align: left;
}


#right {
  [COLOR="Blue"]float: left;[/COLOR]
  width: 200px;
  margin: 20px 0;
  padding: 0px;
}

Alles anzeigen

Test it ...

jo@chim · http://www.antibuerokratieteam.net (WP 2.8 / Firefox 3.0.10)

Problem gelöst, Dankeschön...

Zitat von telekommander

Chaostage ... ? ... im Quellcode is ja richtig schwer was los ... Einen FF in die Knie zuzwingen, Respekt !

:-D Die Inder scheinen auch das drauf zu haben... ich finde das Sumanasa-Theme aber Klasse.

Mit dem float:left im #content hat es nicht geklappt - die Sidebars werden damit zwar angezeigt, der Content aber Browser übergreifend ganz unten nach den Sidebars angezeigt.

Du hast mich aber motiviert, ein wenig an der Stelle rumzutesten: es war offensichtlich die width:auto Auszeichnung im div#content
Mit nachfolgenden Auszeichnungen in der css klappt's:

Code

div#content {
	margin: 0px 200px;
	padding: 0px;
	background: #FFFFFF;
        text-align:left;
	[B]width: 550px;[/B]


}


#navibar {
	float: left;
	width: 200px;
	margin: 20px 0;
	padding: 0px;
	text-align: left;


}


#right {
	float: right;
	width: 200px;
	margin: 20px 0;
	padding: 0px;
}

Alles anzeigen

Dankeschön, dass Du Dich ins Chaos gewagt hast :) gtX, jo@chim

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anzeigeproblem im MSIE

Jetzt mitmachen!