Adrenalin-Theme: Darstellungsfehler im IE

Rasenkantenstein

Hallo!

Ich weiß nicht, wer von euch das Adrenalin-Theme verwendet, aber ich habe das ungute Gefühl, dass es dabei einen Fehler im IE gibt.
Es kann natürlich auch sein, dass durch meine Spielerei etwas kaputt gegangen ist!?
Aber ich habe das Theme mitlerweile lieb gewonnen und wollte es nicht mehr umtauschen :-)

--> volke.biz

Hier die Deklaration der nav-ID, der Container, in dem die Navigationsleiste drin ist...
Die Ausrichtung von links kann man ja einfach mit "left: 250px;" lösen, jedoch ist der div-Container stets zu hoch im IE.

HTML

#nav {
        
    list-style: none;
    margin: 0 40px 0 0;
    position: absolute;
    float: center;
    top: 118px;
}
#nav li {
list-style: none;
    float: left;
    margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
    color: #333333;
         background: #CD440A;
    text-decoration: none;
}
#nav .page_item a{
    color: #333333;
        background: #CD440A;
    text-decoration: none;
    padding: 5px 10px;
    font: bold 10px/100% Arial, Helvetica, sans-serif;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
}


#nav .page_item a:hover {
    color: #fff;
         background: #333333;
}

Alles anzeigen

Hoffentlich kann jemand helfen :)

Vielen Dank und angenehmes Wochenende,

Konstantin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

du wirst für den IE ein eigenes style.css brauchen und wenn Du es schaffst das vorher zu reparieren, geht sicher das Helfen besser

solange Fehler drin sind ist reparieren meist unmöglich

wenn du dort nach dem Aufrufen der URl auf Source anzeigen und revalidate klickst siehst du die Zeilen im Code besser

lg

Rasenkantenstein

Hallo!
Hui, 71 Fehler sind natürlich 'ne Menge. Wusste gar nicht, dass es so voll mit Fehlern war (Doofheit eines Unbeholfenen :-))
Habe es jetzt auf immerhin 8 Fehler runterminimiert.

Nun gut. Ich schätze, dass ich das Style.css für den IE indentisch machen könnte, aber dann nur die eine Positionierung ändern müsste?
Aber wie stelle ich es denn an, dass für den FF und IE verschiedene Styles benutzt werden?

Danke für die fixe Hilfe!!!

Konstantin

redcat63

Hier findest Du was Du suchst.

VG Elke

Rasenkantenstein

So, das hat also auch funktioniert.

Nun noch der Vollständigkeit wegen: Der w3 Validator meckert immernoch bei diesem Ausdruck:

<h1 id="post-39"><a href="http://volke.biz/wp/?p=39" rel="bookmark" title="Permanent Link: Olaf Schubert">Olaf Schubert</a><h4 class="kategorie"><a href="http://volke.biz/wp/?cat=5" title="Alle Artikel in Fundstück ansehen" rel="category">Fundstück</a></h4></h1>

Meldung: document type does not allow element "h4" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag

Und der Auszug aus dem Template: <h4 class="kategorie"><?php the_category(', ') ?></h4>

Leider reichen meine XML Kenntnisse bei weitem nicht aus, um auch nur den Ansatz des Problems zu finden.

Ansonsten ist das Thema dann erledigt :-)

Konstantin

Monika

Code

<h1 id="post-39"><a href="http://volke.biz/wp/?p=39" rel="bookmark" title="Permanent Link: Olaf Schubert">Olaf Schubert</a><h4 class="kategorie"><a href="http://volke.biz/wp/?cat=5" title="Alle Artikel in Fundstück ansehen" rel="category">Fundstück</a></h4></h1>

ein h steht immer alleine

es kann nur ein h geben :mrgreen:

also entweder das ganze zwischen h1 einpacken oder die h4 lassen
beides geht nicht

lg

Rasenkantenstein

Navigation...

Hallo!

Ich habe weiterhin ein kleines Rätsel auf meiner Seite Fotos, Reisen und Unsinn!

Zuerst einmal der Quelltext, um den es sich handelt...

HTML

<div id="nav">
<ul>
  <li> <div class="page_item"><a href="http://www.volke.biz" title="Home">Startseite</a></div></li>
  <li> <div class="page_item"><a href="../wbb/index.php" title="Forum">Forum</a></div></li>
  <li> <div class="page_item"><a href="../g2/main.php" title="Fotos">Fotos</a></div></li>
  <li> <div class="page_item"><a href="../wp/index.php?cat=3" title="Reiseberichte">Reiseberichte</a> </div></li>
  <li> <div class="page_item"><a href="../wp/index.php?cat=4" title="Alltagsgeschichten">Alltagsgeschichten</a></div></li>
  <li> <div class="page_item"><a href="#" title="Tipps anzeigen">Tipps</a></div>
   <ul>
   <li><a href="../wp/index.php?cat=5" title="Fundstück">Netzfundstück</a></li>
   <li><a href="../wp/index.php?cat=20" title="Fundstück">Tipps für den Alltag</a></li>
   <li><a href="../wp/index.php?cat=36" title="Fundstück">Filmtipps</a></li>
   </ul>
  </li>
    </ul>


</div>

Alles anzeigen

Und nun noch das dazugehörige CSS:

HTML

#nav {
        
    list-style: none;
    margin: 0 40px 0 0;
    position: absolute;
    float: center;
    top: 130px;    
}


#nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 50em;
}








#nav li {
list-style: none;
    float: left;
    margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
    color: #333333;
         background: #CD440A;
    text-decoration: none;
}
#nav .page_item a{
    color: #333333;
        background: #CD440A;
    text-decoration: none;
    padding: 5px 10px;
    font: bold 10px/100% Arial, Helvetica, sans-serif;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
}


#nav .page_item a:hover {
    color: #fff;
         background: #333333;
}


#nav li {position: relative;}


#nav ul ul {
position: absolute;
z-index: 500;
}


#nav ul ul a {
 color: #333333;
        background: #CD440A;
    text-decoration: none;
    padding: 5px 10px;
    font: bold 10px/100% Arial, Helvetica, sans-serif;
    border: 1px solid #333;
    display: block;
}


#nav ul ul a:hover {
color: #fff;
background: #333333;
}


#nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}




div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}


div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}

Alles anzeigen

Ich habe das nach einem englischsprachigen Tutorial gemacht, aber offensichtlich haperte es ein wenig :)

Folgendes Problem im FF:

Unter dem Menüpunkt "Tipps" soll ein Pop-Down-Menü erscheinen. Tut es auch... Jedoch in horizontaler Ausrichtung. Ich hätte es gerne vertikal - nur wie? :)

Wenn ich das rausgefunden habe, versuche ich dann nochmal beim IE herumzudoktern...

Vielen Dank (viel Text, kleine Frage :-) schon mal im Voraus!

Konst

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Adrenalin-Theme: Darstellungsfehler im IE

Jetzt mitmachen!