nicht angemeldet
Mehrspaltiges Layout macht Probleme mit IE
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
-
hi,
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 |
| |
-----------------Dann ist dieser Inhalt wohl zu breit, um neben dem Menü dargestellt zu werden.
Box Model Bug/Quirks Mode hast du bereits bedacht?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi,
Dann ist dieser Inhalt wohl zu breit, um neben dem Menü dargestellt zu werden.
Hm, ist etwas breiter, aber Firefox bricht die Zeilen automatisch um und dort wird nicht einmal ein horizontaler Scrollbalken eingeblendet.
Im IE wird ein horizontaler Scrollbalken eingeblendet und der Text nicht umgebrochen.Box Model Bug/Quirks Mode hast du bereits bedacht?
Nein, kannte ich bisher nicht. Google hat mich aber gerade zu dieser Seite gebracht: http://www.carsten-protsch.de/zwischennetz/doctype/box_model_bug/bsp_box_model_bug_quirks.html.
Aber ein Einfügen von
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">für den Full Standards Mode bringt leider keine Verbesserung.
Gruß
Alex
-
-
Servus,
der IE nimmt sich hier für eine der beiden Spalten zu viel Platz. Welche das ist und welcher Bug hier wirkt ist ohne einsehbare Seite schwer zu sagen. Die üblichen verdächtigen sind Expanding Box Bug, Duplicate Indent Bug oder möglicherweise auch der 3 Pixel Bug.
Noch mehr davon gibts bei Explorer Exposed!.P.S.: Punkt ist eine aeusserst ungeeignete Schriftgroesse fuer den Bildschirm.
Gruss
Patrick--
sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|