|
|||
Formatierung - Browser
Moin,
ich hoffe das ihr mir etwas helfen könnt! Ich finde rein gar nichts im "www oder Google & Co" Es geht darum, dass dieses Design in unterschiedlichen Browsern unterschiedlich angezeigt wird. Vielleicht wisst ihr ja, woran es liegen könnte. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Seite | Layout</title><link rel="shortcut icon" href="/bilder/favicon.png"> <link type="text/css" href="/css/style.css" rel="stylesheet" media="screen" /> </head> <body> <div id="wrapper"> <a href="index.html" id="logo"><img src="/bilder/logo.png" alt="CSS ist valide!" height="90" width="292""/></a></a> <!-- Topnavigation --> <div id="topnav"> <ul> <li><a href="#" >Startseite</a></li> <li><a href="#" ><span style="color: rgb(210, 215, 50);">Kategorie</span></a></li> </ul> </div> <!-- Content --> <div id="content"> <h1>Kategorie</h1> <div class="contentbox_grau"> <a href="#">Netzwerk</a> </div> <br> <div class="contentbox_grau"> <p>Hier Text</p> </div> </div> <!-- Footer --> <div id="footer"> <p>Hier Text</p> </div> </div> </body> </html> Code:
/*------ General ---------------------- */ body { background-color:#E5E5E5; font-size:13px; font-family: Droid Sans; line-height:20px; color:#3E3E3E; padding:0; margin:0; } * { padding:0; margin:0; outline:none; } a { color:#3E3E3E;} a:hover { color: #D2D732; text-decoration:none;} img { border:none; } /*------ Überschriften ---------------------- */ h1{ font-size:20px; margin:10px 0; padding:0 0 5px 0; border-bottom:1px dashed #D2D732; color:#D2D732; } h2{ font-size:15px; margin:10px 0; padding:0 0 5px 0; color:#D2D732; } /*------ Struktur ---------------------- */ #wrapper { width:980px; margin:30px auto; } /*------ Boxen ---------------------- */ .contentbox_gruen { margin:0px; border-radius:5px; background-color:#d5f1c0; width:auto; height:auto; border:1px solid #bcdba6; padding:5px; } .contentbox_rot { margin:0px; border-radius:5px; background-color:#EDBDBD; width:auto; height:auto; border:1px solid #D8A4A4; padding:5px; } .contentbox_grau { margin:0px; border-radius:5px; background-color:#FCFCFC; width:auto; height:auto; border:1px solid #E2E2E2; padding:5px; } /*------ Topnavigation ---------------------- */ #topnav { background-image:url(bilder/nav.png); width:980; height:40px; padding:0; border-radius: 5px; margin:40px 0px 0px 0px; border-bottom:0px solid #none; } #topnav ul { margin:0px; padding:0; list-style:none; } #topnav ul li { float:left; border-right:0px solid #484847; } #topnav ul li a { display:block; height:28px; padding:12px 20px 0; color:#fff; text-decoration:none; } #topnav ul li a:hover { color:#D2D732; } /*------ Content ---------------------- */ #content { background-color:#ffffff; width:960px; padding:10px; border-radius:5px; margin:20px auto; } /*------ Footer ---------------------- */ #footer { font-size:11px; width:980; height:10px; padding:0; } Vielen Dank im Voraus!!!!!!! Gruß, Mike |
Sponsored Links |
|
||||
wir Wissen zwar nicht, was du mit "unterschiedlich" meinst, aber ein Blick in die Fehlerkonsole im Firefox sollte die eine oder andere (CSS) Warnung anzeigen. Dann könntest du auch mal schauen, was der Validator sagt The W3C Markup Validation Service
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Erstellung einer Webseite - Support alter Browser ja oder nein? | Elektroniker | (X)HTML | 5 | 09.10.2011 19:11 |
Browser an Link anhängen | rs-web | Serveradministration und serverseitige Scripte | 1 | 26.03.2010 18:24 |
Formatierung Form-Elemente - Cross Browser | goldenboy | CSS | 1 | 23.10.2009 18:23 |
Super Browser - Ein Browser alle Engines? | tichy | Ressourcen | 6 | 17.04.2008 00:50 |
Problem mit Schriftgröße in Tabellen | pospiech | Knowledge Base | 20 | 11.08.2005 00:12 |