Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Entwickler>CSS-Layout: Probleme mit IE

CSS-Layout: Probleme mit IE

pixelmax25.10.0520:58
Hallo!

Ich habe eine Website erstellt, die auf einem zweispaltigen CSS-Layout basiert. Die Seite wird in allen Browsern richtig dargestellt, nur im Internet Explorer für Windows nicht.
Die Seite ist temporär hier zu finden. Die relevanten Auszüge aus dem Style-Sheet und dem HTML-Code sowie entsprechende Screen-Shots habe ich unten angegeben.

Kann mir vielleicht jemand sagen, an welcher Stelle der Fehler liegt?


<style type="text/css">

#container {
background-color: #999999;
}

#content {
width: 540px;
background-color: #FFFFFF;
padding: 30px;
}

#sidebar {
width: 200px;
float: right;
clear: right;
}

#navi {
list-style: none;
color: #FFFFFF;
margin: 0;
padding: 0;
}

</style>

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

<div id="container">


<!-- Bild

<img style="float:right;" src="" alt="" width="" height=""/>

<!-- Sidebar unter dem Bild
<div id="sidebar">

<ul id="navi">
</ul>

</div> <!--Sidebar


<div id="content">


<h2 style="margin-top: 0px;"></h2>


</div> <!-- Content



</div> <!-- Container


Falsche Darstellung im Internet Explorer:
0

Kommentare

pixelmax25.10.0520:59
Hier (Safari) wird es richtig dargestellt:
0
bonndan25.10.0521:24
interessanter fehler. konnte ihn mit dem ie auf win reproduzieren.

auf w3schools steht, dass clear mit float manchmal zu problemen führt. probier doch, dem bild auch ein clear zu verpassen oder sidebar mal keins. ist nicht unbedingt logisch, aber ie auch nicht.

ansonsten villeicht img und sidebar gemeinsam in ein floatendes div, dass eine maximalbreite hat. oder absolute positionieren, wenn du das alles nicht unbedingt in der mitte haben musst.

.... thanks, m$ (sick)
0
infodry25.10.0521:39
Hab's grade nur überflogen. Das Bild steht doch über die Content-Box hinaus. Das wirst Du dem Explorer nicht so klar machen können. Am besten teilst Du die Contentbox auf und setzt den Teil in dem das Bild ist auf die Breite des Menüs.
0
Fenvarien
Fenvarien25.10.0521:48
pixelmax Schön, dass es funktioniert hat
„Up the Villa!“
0
pixelmax25.10.0522:05
"clear- und float-Jongliererei" sollte es heißen.
0
pixelmax25.10.0522:04
bonndan

Das mit der clear- und float-Jongiererei habe ich auch schon ausprobiert. Leider ohne Erfolg.

infodry

Ich befürchte auch, dass ich das ganze Layout etwas verändern muss, also Contentbox aufteilen. Ich habe gehofft, dass man das doch irgendwie hinbekommen könnte. Das blöde ist eben nur, dass es so am besten aussah.

Fenvarien
Ja, vielen Dank.
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.