• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstand im IE und Firefox

Caro

Neues Mitglied
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
Code:
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
Code:
#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
Code:
<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>
 

Anhänge

  • ff.jpg
    ff.jpg
    2,3 KB · Aufrufe: 3
  • ie.jpg
    ie.jpg
    2,5 KB · Aufrufe: 5
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* :-(
 
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.
 
Ehrlich gesagt sehe ich keinen Unterschied zwischen Firefox, IE8, IE8 mit Kompatibilitätsansicht, Konqueror und Safari. Überall passt es doch.
 
Zurück
Oben