Bereiche
News
Rewind
Tipps & Berichte
Forum
Galerie
Journals
Events
Umfragen
Themenwoche
Kleinanzeigen
Interaktiv
Anmelden
Registrierung
Zu allen empfangenen Nachrichten
Suche...
Zur erweiterten Suche
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
pixelmax
25.10.05
20: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:
Hilfreich?
0
Kommentare
pixelmax
25.10.05
20:59
Hier (Safari) wird es richtig dargestellt:
Hilfreich?
0
bonndan
25.10.05
21: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)
Hilfreich?
0
infodry
25.10.05
21: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.
Hilfreich?
0
Fenvarien
25.10.05
21:48
pixelmax Schön, dass es funktioniert hat
„Up the Villa!“
Hilfreich?
0
pixelmax
25.10.05
22:05
"clear- und float-Jongliererei" sollte es heißen.
Hilfreich?
0
pixelmax
25.10.05
22: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.
Hilfreich?
0
Kommentieren
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.
Test Apple Mac mini M4
Kurz: Apple weitet Rückgabefristen deutlich aus...
iOS 18.3 mit Hinweisen auf neue Apple-Hardware
Mac OS X: 25 Jahre Aqua, 25 Jahre Dock
iPhone SE 4: Dummy-Modelle zeigen das Design
Apple-Leak spricht vom "iPad Air M3"
Gurman zum Release des neuen Apple TV, HomePods...
Kurztest MacBook Pro M4