|
|||
Ansicht Firefox und IE
Hallo ich habe das bekannte Problem einmal andersrum. Im IE 6 wird die Seite so angezeigt, wie sie sein soll. Im Firefox allerdings nicht.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>cucina-casalinga</title> <style type="text/css" media="screen"> /* CSS Layout Gestaltung */ /* Seitenhintergrund*/ body { margin: 0; padding: 0; background-color: #FFCC99; } /* Kompletter Container der mit Inhalt gefüllt wird*/ #container{ /*margin: 1em auto;*/ width: 80%; background-color: #990000; } /*Hier wird die erste Kopfzeile integriert*/ #header1{ border-bottom: 1px solid #fff; background-color: black; position: relative; } /*Hier wird die zweite Kopfzeile integriert*/ #header2{ border-bottom: 1px solid #fff; background-color: black; } #mainnav { border-bottom: 1px solid #fff; background-color: black; } #content { margin:0; padding:0; float: left; background-color:#990000; margin-left: 150px; margin-top:-30%; height:150px; width:600px; } /*Fusszeile*/ #footer { clear: both; color: #272900; background-color: black; } #header1 h1{ margin: 0; padding:0; font: 250% "Comic Sans MS"; text-align: center; color: #990000; } /* headerstyling Header2 Untertitel */ #header2 h1{ margin: 0; padding:0; font: 150% "Comic Sans MS"; text-align: center; color: #990000; } /* Menugestaltung */ #menu { background-color:#000000; width:15%; margin:20px 0 0 0; padding:30px 0; } #menu ul { list-style:none; margin:0; padding:0; } #menu li { margin:0; padding:0; } #menu a:link, #menu a:visited { height:1em; display:block; margin:10px 0; padding:0.75em 0.75em 0.75em 1.5em; background-color:#DAD4A6; background:#DAD4A6 url(br_corner_link.gif) bottom right no-repeat; text-decoration:none; } #menu a:hover { border-color:#AFBCA0; background-image:url(br_corner_hover.gif); } html>body #nav a:link, #nav a:visited { height:auto; } /*Schrift für das Menu*/ #menu p { line-height: 100%; font-family: "Comic Sans MS"; font-size: 100%; margin: 0; padding: 0; font-style: normal; color: #990000; } #content p{ font-family:"Comic Sans MS"; font-size: 120%; color: black; } </style> </head> <div id="container"> <div id="header1"><h1>Cucina-casalinga<br>ItalienZuhause</h1></div> <div id="header2"><h1>Feine Kost und guter Wein in Ihrem Ambiente</h1></div> <div id="mainnav">x</div> <div id="menu"> <ul><li><a href="index.htm"><p>Startseite</p></a></li><li><a href="profil.htm"><p>Über uns:</p></a></li><li><a href="#"><p>Angebot:</p></a></li><li><a href="#"><p>Leistungen</p></a></li><li><a href="#"><p>Anlässe:</p></a></li><li><a href="#"><p>Kontakt</p></a></li><li><a href="#"><p>Impressum</p></a></li></ul> </div> <div id="content"> <p>Wir sind ein kleines Familienunternehmen und möchten Sie und Ihre Gäste mit mediterraner Küche verwöhnen.</br></br></br> Wir legen großen Wert auf die Qualität und Frische unserer Zutaten und Produkte. </br></br> Alles wird hausgemacht, frisch zubereitet oder in Ihrer Küche gekocht.</p> </div> <div id="footer">footer</div> </div> </body> </html> Gruß Eiskristall |
Sponsored Links |
|
||||
Wenn du es online stellst, klar ...
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Oh Man, ist noch ein bißchen früh heute morgen. http://www.homepagebasis.de/cucinacasalinga/profil.htm BN: luigi PW: toscana |
|
||||
fast
ich kann nicht auf deine website, da ein benutzername / passwort verlangt wird... .htaccess aus deinem ordner rausnehmen <!-- war wohl ne kurze nacht...und dann so früh am morgen -->
__________________
Alles was man weiß, wird nur dann wertvoll wenn man es mit anderen teilt ... |
|
||||
Ich befürchte, dein CSS ist etwas durcheinander von den Breitenangaben.
Du gibst dem äußeren DIV eine Größe von 80% vor - soweit, so gut. Jetzt willst du dem Inhaltsdiv #content aber eine Breite von 600px + 150px geben - woher willst du wissen, ob das jetzt in die 80% "reinpasst"? Deine Navigationsleiste soll 15% groß sein ... aber 15% sind nicht 150px, das kann also auch nicht wirklich passen. Dass der IE das jetzt "richtig" anzeigt, ist eher Zufall und falsch. Benutze durchgehend korrekt passende Angaben (prozentual oder fest), dann klappts auch mit allen Browsern. @Rupper: Die Zugangsdaten hat er doch dazu geschrieben, Schlafmütze
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Jo, das ist doch mal ne Ansage.
Werde heute nachmittag nochmal von der grünen Wiese aus anfangen. Wäre doch wohl gelacht. Die Tipps mit den Angaben werde ich mir auf alle Fälle zu Herzen nehmen. DANKE und Grüße |
Sponsored Links |
|
|||
Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Aufklappbare Menüs, Ansicht Firefox & IE | FuXXz | CSS | 1 | 15.11.2008 16:19 |
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr | kristian | Javascript & Ajax | 3 | 05.08.2008 17:10 |
Probleme ANsicht IE6+7 - Firefox | sensken | (X)HTML | 2 | 07.12.2007 16:29 |
Firefox 1.5 Beta 1 | Pablo | Offtopic | 19 | 13.09.2005 19:56 |
Bitte testen mit Firefox und IE (Vergleich!) | Spider | Site- und Layoutcheck | 8 | 23.09.2004 23:38 |