Hallo NG,
ich bin dabei mir ein kleines Blog zu basteln. Da ich auch sonst Webanwendungen entwickel, bin ich darauf bedacht, das es barrierefrei ist und überall gleich aussieht. Ist ja total verständlich. Nun habe ich aber ein Problem mit der Darstellung der Seite im IE.
Das Layout der Seite ist mit Div's erstellt. Alle Styleangaben liegen in der CSS.
Hier mal die Links:
Seite: http://www.csharp-paradise.de
CSS: http://www.csharp-paradise.de/styles/general.css
Ich habe verschiedene Browser zum Testen genommen (Oper 7.54, FireFox 1.0PR, IE 6). Bis auf den IE wird es überall ordentlich dargetstellt.
Der Fehler:
Auf der Seite befinden sich 4 Bereiche. Header, Menü, Inhalt, Footer.
|-----------------------------|
Header |
---|
Menu |
----------------------------- |
Footer |
----------------------------- |
Im Menubereich und im Inhaltsbereich befindt sich jeweils ein <P>-Element als ersten. Im IE wird es im Inhaltsbereich aber etwas tiefer dargestellt, als im Menübereich.
Es ist aber überall die gleiche Styleangabe.
p.headline
{
font-size: 1.1em;
font-weight: bold;
background-color: #dcdcdc;
padding: 4px;
}
Zudem ist zu bemerken, dass es im Loginbereich der Seite geht. Da habe ich aber die Breite des Elements durch ein Div begrenzt. Kann es an der Breite liegen? Aber warum ist es das in anderen Browsern so, wie ich mir das vostelle?
Vieleicht kennt ja jemand von euch das Problem und kann mir helfen.
Andreas Gräfe