• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS und DIVs --> komischer Fehler im Firefox

cilrag84

New member
Guten Tag!

Erst mal der Quelltext:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
   <head>
      <title>Videoverwaltung</title>
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
      <link rel="stylesheet" type="text/css" href="http://www.hirpf.de/webeng/format.css" title="default"/>
   </head>
   <body>
      <div class="bg">

         <div class="banner">
               <img src="./Titelleiste.jpg" alt="Videoverwaltung.jpg"/>
         </div>
         <div class="menu">

                  
         
               <p class="menutitle">Hauptmenü</p>
               <a href="http://www.hirpf.de/index.php" class="firstmenuentry">Startseite</a>
               <a href="http://www.hirpf.de/search.php" class="lastmenuentry">Film suchen</a>

               <p class="menutitle">Filme sortieren</p>
               <a href="http://www.hirpf.de/sort.php?sortby=1" class="firstmenuentry">nach Alphabet</a>
               <a href="http://www.hirpf.de/sort.php?sortby=2">nach Kategorie</a>
               <a href="http://www.hirpf.de/sort.php?sortby=3">nach Disc-Nr.</a>
               <a href="http://www.hirpf.de/sort.php?sortby=4" class="lastmenuentry">nach Länge</a>
               <p class="menutitle">Admin</p>

               <a href="http://www.hirpf.de/newfilm.php" class="firstmenuentry">Film Anlegen</a>
               <a href="http://www.hirpf.de/editfilm.php">Film Bearbeiten</a>
               <a href="http://www.hirpf.de/deletefilm.php" class="lastmenuentry">Film Löschen</a>
         </div>
         <div class="content">
            <div class="text">
               <p><a href="">Dies ist ein Link...</a></p>

               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque turpis. Integer in est vel erat interdum semper. Suspendisse et urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh orci, dictum in, commodo pulvinar, fringilla sit amet, augue. Pellentesque malesuada, nibh fringilla aliquet fringilla, elit augue fringilla quam, sit amet aliquet ipsum tortor at ligula. Vivamus diam. Nulla viverra dolor a odio sollicitudin pharetra. Sed volutpat auctor dui. Nullam sagittis augue et lectus. Donec nec mauris. Fusce porttitor lectus eget urna. Suspendisse semper. Duis tristique.</p>
            </div>
         </div>
      </div>
   </body>
</html>


Hier die Website. Das zugehörige CSS gibts hier.

So. Wenn ich das ganz jetzt anschaue habe ich das Problem, dass im Menü links teilweise eine Linie auftaucht, die da nicht sein sollte. Siehe Bilder:

Firefox
Mozilla
IE 7
Opera

Die Pfeile markieren die Stellen, die fehlerhaft sind. Ich meine diese blaue Linie, die sich da quer durchs Menü zieht... :mad:

Der Fehler tritt nur beim Firefox und beim Mozilla auf. Beim Firefox verschwindet er, sobald ich die abgerundeten Ecken entferne. Im Mozilla nicht... :confused:

Hat jemand einen Tipp, wie ich das hinkriege? Die runden Ecken würde ich schon gerne behalten... Könntet ihr auch bitte posten, welchen Browser ihr habt, und ob die Fehler bei euch auftreten? Danke.
 
Das sieht für mich so aus, als ob er da die Menu-Teile nicht richtig zusammenschiebt. Spiel mal mit den margin-top werten rum, dann sollte es klappen!

flo
 
Wenn Du bei -> .menu -> line-height: auf -> 120%; stellst, dann klappt's auch mit der blauen Linie...
 
darum
Weil Listen in der Navigation ihre wirkliche Bestimmung haben. Sie sind semantisch korrekt, flexibel und freundlich zu älteren Browsern. Ein bisschen CSS bringt die Liste in jede gewünschte Form und Position.

[edit: Du kannst auch bei Deiner Schreibweise in .menu line-height: 140%; weglassen, die Abstände sind ja mit padding definiert, dann ist ebenfalls die Linie weg.
 
Zuletzt bearbeitet:
Zurück
Oben