Abstände zwischen Divs löschen

  • Themenstarter Themenstarter LeH
  • Beginndatum Beginndatum
Status
Nicht offen für weitere Antworten.
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:

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?
 
Ohne den vollständigen HTML-Source bzw. eine Online-Version der Seite gesehen zu haben, tippe ich mal auf die padding-Werte für das BODY und DIV #Inhalt:

Code:
body  
{
    padding: 1em;
}

div#Inhalt 
{
    padding: 0 1em; /* Innenabstand oben-unten / links-rechts */
}
und würde diese auf 0 setzen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück