|
|||
Browser Kompatibilität Problem
Hi,
bin ganz neu in dem Bereich HTML und hoffe mir kann hier geholfen werden. Habe ein Gerüst für ne Website gebaut auf Chrome und Opera alles ok bei Firefox und dem IE schaut es aber so aus als ob er die css gar nicht liest. Wuste nicht richtig wie ich im netz danach suchen sollte und das was ich gefunden habe Waren irgendwelche dubiosen Sachen mit Datei umbenennen und wieder zurück. Ich nehme auch gerne links über das Thema Browser Kompatibilität bevorzugt auf Deutsch. Danke im Voraus und grüße. HTML-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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=Author content="Florian Weber" > <meta name=description content="" > <link rel="stylesheet" type="txt/css" href="css/style.css" > </head> <body> <div id="wrapper"> <div id="header-box"> <div id="logo-1"> </div> <header> </header> <div id="logo-2"> </div> <div id="logo-3"> </div> <nav id="navigation-oben"> <ul class="link"> <li><a href="test1">Trompete</a></li> <li><a href="test2">Gitarre</a></li> <li><a href="test3">Tenorhorn</a></li> </ul> </nav> </div> <div id="content-wrapper"> <nav id="navigation-links"> <ul> <li><a href="test1">Trompete</a></li> <li><a href="test2">Gitarre</a></li> <li><a href="test3">Tenorhorn</a></li> </ul> </nav> <content> <a><h2>Von des vorwarts hof unbeirrt launigen zwischen</h2> <p>Haften handen baumen wisset ja em da. Ins ein ige sogar weste wesen. Duse da ging neue da. Bett um hier darf eine oden te ward. Begleitete arbeitsame tat geschwatzt ist todesfalle ins. Gelernt wu schritt bosheit pa da dunklen wo. Rabatten ku lauschte tadellos entgegen zugvogel es es erzahlen. Trillern nur bis zinnerne auf befehlen schonste. Bibel sei angst tal ihr nun gehen. En se bilderbuch bugeleisen dachkammer ku ei.</p> <p>Gedichte sog ige achtzehn herunter mir sei. Em etwas klare abend wo statt. Zitterte sag sie kraftlos zwischen. Der stockwerke tor das tat besonderes eigentlich. Flecken tun starkem stiefel familie war. Gegen alten empor nahen ans denen das man. Ruhig aus herum dir hinab ach davon. Aus ruhen wills sehen bis zur.</p> <p>Besann winter dieses im hinter schade gelben er. Erstaunen des verharrte leuchtete tor als liebhaben aufstehen nah. En sa zwirn genug klage trost lagen wu wo ernst. Getafel erzahlt ob da mi je hubsche kratzts meister dritten. Wie hause des recht mag durch auf gluck finde. Hab fur ihre soll also eile flei. Tat was tod namlich lustige gro kapelle. Geh sei dazwischen sag ubelnehmen hoffnungen nur. Nur tun auf neues solle eia knulp jetzt denkt einem. Zierliche senkrecht ort naturlich hab blo.</p> </a> </content> </div> </div> </body> </html> Code:
@charset "utf-8"; /* CSS Document */ *{ margin: 0px; padding: 0px; } html, body{ background: #F0f0f0; } /**********************************************************************/ #wrapper{ margin-top: 20px; margin-left: auto; margin-right: auto; width: 1000px; border: solid 1px #000; height: 600px; background:#FFF; } /**************************haed************************************/ #header-box{ width: 900px; height: 180px; margin-left: 50px; margin-top: 10px; float: left; } #logo-1{ width: 89px; height: 89px; background-image: url(../images/logo1.png); border-bottom: 1px solid #000; border-right: 1px solid #000; float: left; } #header-box header{ height: 89px; width: 85%; border-bottom: 1px solid #000; border-left: 1px solid #000; font-size: 300%; background-image:url(../images/florianweber.png); background-repeat:no-repeat; line-height: 200%; float: left; } #logo-2{ width: 89px; height: 89px; background-image: url(../images/logo2.png); border-right: 1px solid #000; border-top: 1px solid #000; float: left; } #logo-3{ width: 89px; height: 89px; background-image: url(../images/logo3.png); border-left: 1px solid #000; border-top: 1px solid #000; float: left; } /*************************Navigation oben horizontal *************************/ #navigation-oben{ height: 89px; width: 75%; border-top: 1px solid #000; float:left; } .link li{ list-style:none; float: left; } .link li a{ width: auto height: 90px; display: block; text-decoration: none; color: #000; line-height: 50px; float:left; font-size:23px; font-family:Arial, Helvetica, sans-serif; padding-left:20px; padding-right:20px; } .link li a:hover{ text-shadow: #c0c0c0 3px 3px 5px; } /*************************Navigation links vertikal *************************/ #content-wrapper{ float:left; display:block; } #navigation-links{ width: 139px; height: 410px; border-right: 2px solid #000; float: left; } #navigation-links li{ list-style:none; float: left; } #navigation-links li a{ width: 139px; height: 90px; display: block; text-decoration: none; color: #000; line-height: 90px; float:left; font-size:23px; font-family:Arial, Helvetica, sans-serif; padding-left: 10px; } #navigation-links li a:hover{ text-shadow: #c0c0c0 3px 3px 5px; } /******************Contend bereich ***********************/ content{ width:829px; padding-left: 15px; padding-right: 15px; float: left; } |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
background-image repeat-Firefox Problem | paet1987 | CSS | 0 | 21.05.2010 15:08 |
Browser an Link anhängen | rs-web | Serveradministration und serverseitige Scripte | 1 | 26.03.2010 18:24 |
Font der Überschrift ändern (Problem) | artist | CSS | 2 | 07.12.2007 11:01 |
Browser problem | nobodynhio | CSS | 1 | 29.05.2007 13:19 |
Problem mit Schriftgröße in Tabellen | pospiech | Knowledge Base | 20 | 11.08.2005 00:12 |