Abstand im IE und Firefox

[Caro]

Hallo, ich habe mir eine navigation gebaut mit UL, LI. Nur der untere abstand ist im IE 1 pixel und um Firefox 0 px. Es soll im IE auch 0 px sein. könnte mir da jemand Helfen ??? Ich habe mir die Header Farbe mal in ROt gemacht, damit man es besser auf die Screenshots erkennen kann.

Das Blaue soll bis unten reichen und es soll nix mehr vom Roten zu sehen sein. Das ist nur im IE so.

Mein CSS für die Navi

ul#simple-navi { 
letter-spacing: 1px;
list-style-type: none; 
width: 100%; 
float: left; 
font-size: 14px; 
font-weight: bold; 
}   

ul#simple-navi li { 
display: block; 
float:left; 
padding-left: 20px;}   

ul#simple-navi li a {
display: block;
padding: 5px 5px; 
color: #ffffff; 
background-color: transparent; 
text-decoration: none;
}

ul#simple-navi li.active a, ul#simple-navi li a:hover { 
background-color: #6487a7;
color: #ffffff; }

Mein CSS für Header

#content_Header {
    /* background: url(images/bg_header.jpg) no-repeat;    */
    background-color: #ff0000;
    height: 120px;
    margin-top: 20px;
    }
    

h1 {
    font-size: 24px; 
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

#pagetitle h1{
    padding: 32px;
    }

#pagetitle h1 a{
    text-decoration: none;
    color: #ffffff;
    }
    
#pagetitle h1 a:hover{
    text-decoration: underline;
    color: #ffffff;
    }

Und mein HTML

<div id="content_Header">
    <div id="pagetitle">
     <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    </div>

<ul id="simple-navi">
<?php wp_list_pages('depth=1&title_li='); ?>
</ul>    

</div>

 

[Efchen]

Wie ist der Link zur Seite? Sowas sehe ich nicht anhand des Codes oder irgendwelcher Bilder und Firebug kann ich da auch nicht nutzen.

Und beim HTML-Code fehlt ja die Hälte. Kein body, kein head, kein Doctype.

Gebt uns bitte immer einen Link, dann könnt Ihr auch nichts Wichtiges vergessen - selbst wenn Ihr nicht wisst, was wichtig ist oder nicht. Mit einem Link kannman nichts falsch machen!

Noch ein Nachtrag: Wozu ist div#pagetitle. Das Element, was dem Gruppieren mehrere Elemente dient, enthält nur ein einziges Element, also ist es überflüssig! Weg damit.

Und wenn Du Probleme mit Deiner Liste hast, warum schreibst Du uns dann Deinen PHP-Code! Der ist unwichtig, der kommt so nicht beim Browser an.

*seufz* :-(

 

[Caro]

Wie ist der Link zur Seite?

hier der Link -> klick

Gebt uns bitte immer einen Link, dann könnt Ihr auch nichts Wichtiges vergessen - selbst wenn Ihr nicht wisst, was wichtig ist oder nicht. Mit einem Link kannman nichts falsch machen!

OK werde ich mir merken.

Noch ein Nachtrag: Wozu ist div#pagetitle. Das Element, was dem Gruppieren mehrere Elemente dient, enthält nur ein einziges Element, also ist es überflüssig! Weg damit.

habe ich auskommatiert.

 

[prm]

Wenn das eine Grafik ist, die includiert wird, dann vermute ich das als Ursache:
Lücke am unteren Bildrand. Link wäre aber hilfreich.

 

[Caro]

Wenn das eine Grafik ist, die includiert wird, dann vermute ich das als Ursache:
Lücke am unteren Bildrand. Link wäre aber hilfreich.

Hallo,
naja es als hintergrundbild in der CSS Datei und nicht als IMF Bild.
Link (siehe oben)

 

[Efchen]

Ehrlich gesagt sehe ich keinen Unterschied zwischen Firefox, IE8, IE8 mit Kompatibilitätsansicht, Konqueror und Safari. Überall passt es doch.

 

[Caro]

Ehrlich gesagt sehe ich keinen Unterschied zwischen Firefox, IE8, IE8 mit Kompatibilitätsansicht, Konqueror und Safari. Überall passt es doch.

gucknochaml, ich habe die Hintergrundfarbe jetzt in Rot. Hatte ich vergessen.

 

[neuroleptika]

#content_Header hat eine feste Höhe in px.
Die Texte sind aber nicht überall gleich hoch.