L
LeH
Eigentlich ein ziemlich simples Problem:
Ich will die Abstände zwischen den Divs nicht haben.
Und zwar die zwischen dem Inhalts-Div und den beiden äußeren: Navigation und Info...
CSS:
Habt ihr ne Lösung?
Wenn ich beim Inhalt-Div die Margins auf 0 setze dann ist 1. beim IE immer noch so ein paar Pixel Abstand. und 2. beim Firefox der Inhalt-Div völlig falsch dargestellt.
Gibts ne Lösung?
Ich will die Abstände zwischen den Divs nicht haben.
Und zwar die zwischen dem Inhalts-Div und den beiden äußeren: Navigation und Info...
CSS:
Code:
body, p a
{
color: black;
background-color: #EEEEEE;
font-size: 100%;
font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
margin: 0;
padding: 1em;
}
h1#Kopfzeile
{
font-size: 24px;
margin: 0 0 0.7em;
padding: 0.3em;
text-align: center;
background-color: #FFFFFF;
}
html>body h1
{
border-color: black; /* Farbangleichung an den Internet Explorer */
}
div#Navigation
{
font-size: 0.83em;
float: left;
width: 18em;
margin; 0 0 1.2em;
padding: 0;
background-color: #FFFFFF;
}
div#Navigation h4
{
margin: 0.2em 0.5em;
}
div#Navigation p
{
margin: 0.5em;
}
div#Info
{
font-size: 0.9em;
float: right;
width: 12em;
margin: 0 0 1.1em;
padding: 0;
background-color: #FFFFFF;
}
div#Info h4
{
margin: 0.2em 0.5em;
}
div#Info p
{
margin: 0.5em;
}
div#Inhalt
{
background-color: #FFFFFF;
margin: 0 12em 1em 16em;
padding: 0 1em;
}
* html div#Inhalt
{
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
div#Inhalt h2
{
margin: 0.2em 0;
}
div#Inhalt p
{
font-weight: normal;
margin: 1em 0;
}
p#Fusszeile
{
clear: both;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0.1em;
text-align: center;
background-color: #FFFFFF;
}
Habt ihr ne Lösung?
Wenn ich beim Inhalt-Div die Margins auf 0 setze dann ist 1. beim IE immer noch so ein paar Pixel Abstand. und 2. beim Firefox der Inhalt-Div völlig falsch dargestellt.
Gibts ne Lösung?