Hi,
ich habe ein zweispaltiges Layout gemäß der Anleitung bei SelfHTML gebastelt (http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig).
Unter Firefox wird auch alles korrekt dargestellt. Im IE7 und IE6SP1 ist jetzt folgendes Problem:
Die Umrandung der Boxen wird richtig dargestellt. In der linken Box habe ich ein Menü, das hat aktuell 6 Punkte/Zeilen, welche auch richtig dargestellt werden. Aber in der Hauptbox ist das Problem, dass der Inhalt er unter der letzten Zeile des Menüs beginnt und darüber bis zum Boxrahmen eine freie Fläche ist. Etwa so:
----- -----------------
| 1 | | |
| 2 | | |
----- | |
|blabla |
|blub |
| |
-----------------
Mein css-File sieht so aus:
<style type="text/css">
body {
color: black; background-color: white;
font-size: 10pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 0.5em;
}
ul#Navigation {
font-family: Arial, Helvetica;
font-size: 0.91em;
float: left; width: 13em;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:hover {
color: 4169e1; background-color: white;
}
ul#Navigation a:active {
color: 4169e1; background-color: gray;
}
ul#Navigation img {
width: 100%; align: center;
}
div#Inhalt {
margin-left: 13em;
padding: 0.5em 0.5em;
border: 1px dashed silver;
min-width: 16em;
}
-->
</style>
Ich würde mich freuen, wenn mir jemand helfen kann.
Gruß
Alexander