Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

css Darstellungsproblem im IE

Empfohlene Antworten

Veröffentlicht

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.

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.

  • Autor

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.

ist die Seite irgendwo schon online abrufbar?

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 :)

  • Autor

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

  • Autor

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.

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.

  • Autor

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.

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.

  • Autor

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.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.