Registrieren  •  Login 
  
 
im Forum


 FAQ   Mitgliederliste   Benutzergruppen   Teamseite   Suchen 

Layout im ie & Abstände von li Elementen

 
Neues Thema eröffnen   Neue Antwort erstellen
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Düsi
Mitglied
Mitglied



Anmeldedatum: 25.09.2006
Geschlecht: Keine Angabe
Beiträge: 521

BeitragVerfasst am: 17.01.2009, 15:02    Titel: Layout im ie & Abstände von li Elementen

Moin,
Layout: http://duesi.spacequadrat.de/Layout_1/index.htm
CSS-Datei: http://duesi.spacequadrat.de/Layout_1/style.css

So, nun meine 2 Probleme:
Im Internetexplorer wird die obere Navigation sowie die Navigation unter dem Banner untereinander anstatt nebeneinander angezeigt.
Layout:
Code:
      <!-- 1@@ NAVBAR @@1 -->
      <table cellspacing="0" cellpadding="0" style="width:100%;">
         <tr>
            <td id="navbar_top">
               <ul   id="navbar_top">
                  <li id="selected"><a href="#">Spiel</a></li>
                  <li><a href="#">Forum</a></li>
                  <li><a href="#">Wikipedia</a></li>
                  <li><a href="#">Support</a></li>
                  <li><a href="#">Impressum</a></li>
               </ul>
            </td>
         </tr>
      </table>

CSS:
Code:
td#navbar_top {
   /* Breite und Höhe */
   width: 100%;
   height: 20px;
            
   /* Hintergrundsbild */
   background-image: url('./imgNavbarTop.png');
   background-repeat: repeat;
}
         
ul#navbar_top {
   /* Position */
   margin: 0;
   padding: 0;
   
   /* Textausrichtung */
   text-align: left;
}
         
ul#navbar_top li {         
   /* Formatieren */
   list-style: none;
   display: inline-block;
}

ul#navbar_top li#selected {
   background-image: url('imgSelectedNavbar.png');
   background-repeat: no-repeat;
   background-position: center;
}
         
ul#navbar_top a {
   display: inline-block;
   
   /* Schrift */
   font-size: 18px;
            
   /* Link */
   text-decoration: none;
   
   /* Position */
   padding-left: 2em;
   padding-right: 2em;
   
   /* Farben */
   color: rgb(255, 255, 255);
}
         
ul#navbar_top a:hover {
   /* Farben */
   color: rgb(150, 150, 150);      
}


Und das zweite Problem:
Wenn ich nun mit der Maus im Opera über einen Navigationspunkt fahre (unter dem Banner, bei der oberen ist das ja nicht so schlimm...) wird der Hintergrund bei Registrieren und Login nicht ganz in die andere Farbe umgewandelt, sondern 1 kleiner Stückchen bleibt in der Farbe btw dort hört auch der Linkbereich auf Neutral Wie ändere ich das?

MfG
Nach oben
Benutzer-Profile anzeigen Düsi ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden
killerbees19
Administrator & Rennleitung
Administrator & Rennleitung



OC-Nickname: KB19
Südafrika Team South Africa

Anmeldedatum: 09.05.2006
Geschlecht: Männlich
Alter: 29 Jahre
Beiträge: 13945
Wohnort: Wien

BeitragVerfasst am: 17.01.2009, 15:32    Titel:

Ich Chat gelöst: display: inline-block; kennt der IE nicht, Abhilfe hat float: left; geschaffen. Und der Hintergrund war unterbrochen, da der Browser Abstände zwischen li-Tags als wirklichen Abstand wertet, diese mussten nur entfernt werden. Und als letztes noch: Transparente PNG's kennt der IE (6 - ?) nicht, Abhilfe schafft eine GIF Grafik. -> /pastebin/view.php?id=141


MfG Christian
_________________
Nach oben
Benutzer-Profile anzeigen killerbees19 ist derzeit offline Spielerprofile bei SC:Special Bewerben anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht teilnehmen.
Du kannst Dateien in diesem Forum nicht hochladen.
Du kannst Dateien in diesem Forum nicht herunterladen.

 

Alle Zeiten sind GMT + 2 Stunden (Sommerzeit)
Aktuelles Datum und Uhrzeit: 08.04.2020, 01:25
Nach oben
Valid HTML 4.01 Transitional
Valid CSS!
Software based on work from the phpBB-Group  •  Deutsche Übersetzung von phpBB.de

netcup - Internetdienstleistungen
 
 
[ happytec.at | forum.happytec.at | blog.happytec.at | esports.happytec.at | event.happytec.at ]