css Darstellungsproblem im IE

Schiller256 · 9. Dezember 2005

Ich habe ein Problem mit der CSS Formatierung im Internet Explorer. Ich habe folgenden Code Abschnitt schon isolieren können der für den Fehler verantwortlich sein könnte nur bekomme ich ihn nicht weg. Mein Problem ist das der Text im Internet Explorer nicht angezeigt wird. Das heißt erst wenn ich einmal mit der Maus den Text markiere wird er sichtbar bzw. wenn ich das Fenster einmal in die Taskleiste lege und wie hervorhole.

Das passiert aber nur im Internet Explorer.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Title</title>


<meta http-equiv="Content-Language" content="de">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="Description" content="">

<meta name="robots" content="follow">

<meta name="robots" content="index">

<meta name="revisit-after" content="3 days">


<style type="text/css">

#mainContent {

	width: 757px;

	margin: 7px auto;

	color: #333;

	background-color: #c7e8f9;

	color: #000;

	border: 1px solid #2859AE;

}

#BildLinks {

	position: relative;

	top: 16px;

	width: 180px;

	border-left: 10px solid #2859AE;

	background-color: #2859AE;

	color: #000;

}

#linkeSpalte {

	display: inline;

	float: left;

	width: 205px;

	margin-left: 0px;

	background-repeat: no-repeat;

	background-image: url("./bilder/image_oben.jpg");

}

#rechteSpalte_white {

	margin: 0 0 0 205px;

	background-color: #FFF;

	color: #000;

}

#content_middle_white {

	margin-left: 15px;

	background-color: #FFF;

	color: #000;

	padding-right: 100px;

}

#content_footer_blue {

	background-color: #c7e8f9;

	color: #000;

	width: 552px;

	clear: both;

}

#bild_unterschrift {

	padding: 5px 0 5px 0;

}

#content_footer_image_white {

	margin-left: 215px;

	height: 159px;

	width: 337px;

	clear: both;

	background-color: #FFF;

	color: #000;

	background-repeat: no-repeat;

	background-image: url("./bilder/blasen_unten.jpg");

	background-position: 40px 0px;

}

.txt_bild {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

	color: #FFFFFF;

	text-decoration: none

}



</style>

</head>


<body>

<div id="mainContent"> 

  <div id="linkeSpalte">

    <div id="BildLinks">

      <img src="./bilder/11.jpg" alt="Test" height="224" width="180" /><br/>

      <div id="bild_unterschrift" class="txt_bild">Hier steht der Bilduntertext!</div>

    </div> 

  </div>

  <div id="rechteSpalte_white">

    <div id="content_middle_white">

      Hier steht Text! Der im IE nicht angezeigt wird!

    </div>

    <div id="content_footer_white">

      <div id="content_footer_image_white"></div> 

    </div>

  </div>

</div>

</body>

</html>

[/PHP]

Schonmal im Vorraus vielen Dank.

FMG · 9. Dezember 2005

Zuerst einmal solltest du deinen QT aufräumen, d.h. die ganzen überflüssigen divs rausschmeißen.

Was den IE vermutlich aus dem Tritt bringt, ist die doppelte Farbdefinition bei #mainContent.

Schiller256 · 10. Dezember 2005

Also die doppelte Farbdefinition habe ich gelöscht das ändert an dem Effekt nichts. Die vielen divs müssen leider so sein da der Content teilweise einen zweifarbigen Hintergrund bekommt, deshalb auch die vielen divs.

Also ich versuche nun auch schon geraume Zeit diesen Fehler zu finden, HTML ist laut Validator sauber.

Manitu71 · 10. Dezember 2005

ist die Seite irgendwo schon online abrufbar?

Schiller256 · 10. Dezember 2005

Ja die Seite ich schon Online Abrufbar. www.spreenixe-spremberg.de

Da handelt es sich um die Neuigkeiten Seite und um die Seite Porträt alle anderen Seiten werden im Internet Explorer sauber angezeigt.

Manitu71 · 10. Dezember 2005

hmmh, wenn ich ehrlich bin, habe ich mir schon so etwas gedacht. FMG hatte den doppelten Farbwert schon angesprochen. Das wär nämlich auch das einzige, was mir aufgefallen wäre.

Also bei mir sieht die Seite auch im IE genauso aus, als wie in den anderen Browsern.

Getestet auf IE 6.02800.1106

Entweder liegt es an deiner Version, oder der hat irgendwas noch im Cache. Habe ich auch schon öfters mal gehabt. Da spinnt er total rum und ich such Stunden nach nen Fehler, den es gar ned gibt.

btw

nette Seite und hübsches Mädl

Schiller256 · 10. Dezember 2005

Also ich werde das mit der doppelten Farbdefinition erstmal raus werfen. Obwohl das bei mir lokal noch keine Veränderung gebracht hat. Ich habe es mit den IE Version 6.0.2900.2180 getestet. Cache ist auch mehrmals geleert worden. Und der Text wird dir bei Porträt und Neuigkeiten auch gleich bei ersten laden angezeigt. Der Rest klappt wunderbar.

Schon mal Vielen Dank

Schiller256 · 10. Dezember 2005

Ich glaube ich habe jetzt das Problem gefunden. Es lag wahrscheinlich daran das dass Bild in der Linken Spalte eine Ebene höher lag als der Text rechts. Ich habe jetzt einfach an das Ende des Textes noch ein paar <br/> eingefügt so das der Text länger als das Bild ist. Seit dem habe ich da keine Probleme mehr. Mal sehen ob das dann auch klappt wenn das Montag Online geht.

Vielen Dank an alle die Geholfen haben das Problem zu beseitigen.

Manitu71 · 10. Dezember 2005

ich versteh zwar jetzt ned was Ebenen mit Zeilenumbrüchen zu tun haben sollen, aber bei mir geht es definitv ohne Fehler im IE. Andere User werden sicherlich das gleiche sagen können.

Schiller256 · 11. Dezember 2005

Ich habe auch mal von anderen testen lassen, da tritt das Problem meist nur bei einer von den zwei Seiten auf. Die Leute habe ich auch mal bei mir Lokal auf dem Server testen lassen da war dann alles OK. Ich verstehe es an sich auch nicht. Vielleicht fällt mir ja noch eine andere Lösung ein.

Das es mehrere Personen gibt die das Anzeigeproblem haben hat mich ja erst veranlasst die Sache anzugehen.

Manitu71 · 11. Dezember 2005

es hängt wohl wirklich von der IE Version ab. Ich frag mich nur wieso?

Im Code selbst fällt mir nichts aussergewöhnliches sonst auf.

Schiller256 · 11. Dezember 2005

Mir ist beim Durchschauen von Code nur aufgefallen sobald der Text länger ist als das Bild links wird er komplett angezeigt. Das wurde mir von den Leuten die das bei mir lokal getestet haben auch bestätigt. Denn Impressum und Kontakt nutzen die gleichen Klassen und da gab es nie Probleme, die sind länger als das Bild.

Was da der Internet Explorer macht kann ich auch nicht sagen. Das ist auch der einzige Browser wo ich den Fehler festgestellt habe.

Anmelden

css Darstellungsproblem im IE

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte