|
|||
Codecheck bzgl. IE6 Probleme (wie immer).
Hi Leute,
ich bin neu hier im Forum und würde euch gleich bitten mal meine Seite zu prüfen. Im FF2 und IE7 klappt alles wunderbar im Opera leider schon nichtmehr. Aber noch viel weniger im <=IE6! Sie besteht aus einem großen Div fürs Hintergrundbild das optimal auf 100% läuft und das Bild auch dorthin zieht. Auf diesem Div soll dann der Wrapper usw folgen. Im <=IE6 werden zudem die Bilder der Navi verissen weil er einen Abstand zwischen diesen reinmacht. Aber seht bitte selbst: j-haag Ich bin dankbar für hegliche Hilfe und Kritik! 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" lang="de"> <html> <head> <title>j-haag</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="Robots" content="INDEX,FOLLOW" /> <meta name="Title" content="Kfz-Werkstatt P. Wieser" /> <meta name="Author" content="Sven Haag, www.sven-haag.de" /> <meta name="Publisher" content="Kfz-Werkstatt P. Wieser" /> <meta name="Revisit-after" content="14 days" /> <meta name="Keywords" content="KFZ-Instandsetzung, Reparatur, Wartung, Mechanik, Karosseriereparaturen, Unfallreparaturen, Karosseriearbeiten, Unfallinstandsetzung, Autoreparatur, Wintercheck, Frühjahrscheck, Ölwechsel, uvm." /> <meta name="Description" content="Kfz-Werkstatt P. Wieser" /> <meta name="page-topic" content="Dienstleistung" /> <meta name="audience" content="Alle" /> <meta name="Language" content="Deutsch" /> <link rel="shortcut icon" href="favicon.ico" /> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="hintergrund"> <img src="bg.jpg" alt="" style="height:100%; width:100%; position: absolute; border:0; margin:0; padding:0; left:0px; top:0px;"> <div id="gesamtinhalt"> <div id="banner"><img src="http://xhtmlforum.de/images/top_jhaag.jpg" alt="Menuschild"></div> <div id="menu"> <a href="index.html"><img src="http://xhtmlforum.de/images/Untitled-2_01.jpg" alt="Startseite"></a> <a href="motorrad.html"><img src="http://xhtmlforum.de/images/Untitled-2_02.jpg" alt="Motorrad"></a> <a href="mist.html"><img src="http://xhtmlforum.de/images/Untitled-2_03.jpg" alt="Mist"></a> <a href="uebermich.html"><img src="http://xhtmlforum.de/images/Untitled-2_04.jpg" alt="Über mich"></a> <a href="links.html"><img src="http://xhtmlforum.de/images/Untitled-2_05.jpg" alt="Links"></a> <a href="impressum.html"><img src="http://xhtmlforum.de/images/Untitled-2_06.jpg" alt="Impressum"></a> </div> <div id="schatten"><img src="http://xhtmlforum.de/images/schatten.jpg" alt=""></div> <div id="content"> <h1>Überschrift</h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. <a href="test.html" class="klasse"></a> </p> </div> <div id="clear"></div> </div> </div> </body> </html> Code:
html, body { font-family: Arial; font-size: 1em; margin: 0; padding: 0; background-color: #cccccc; text-align: center; height: 100%; } img { border:0; margin:0; padding:0; left:0px; top:0px; } a { border: 0 none; float: left; display: block; } p { font-family: Arial; font-size: 1em; color: #ffffff; } h1 { font-family: Arial; font-size: 1.5em; color: #ffffff; text-decoration: underline; letter-spacing: 0.2em; } #hintergrund { <!--NICHT-TRANSPARENTE:--> position: relative; min-width: 100%; min-height: 100%; border: 0 none; z-index: 0; /*background-image: url(images/bg.jpg);*/ } #gesamtinhalt { position: absolute; width: 900px; min-height: 100%; height: auto !important; height: 100%; background-color: #6699cc; margin: 0 auto; padding: 0; border: 0 none; left: 50%; margin-left: -450px; } #banner { height: 122px; padding: 0; border: 0 none; } #menu { height: 46px; padding: 0; border: 0 none; } #schatten { height: 22px; padding: 0; border: 0 none; } #content { position: relative; border: 0 none; background-color: #6699cc; margin: 0 0; padding: 20px; text-align: justify; } #clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } |
Sponsored Links |
|
||||
Hallo,
HTML-Tidy meldet: Zitat:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" lang="de"> <html> Code:
<div id="banner"><img src="http://xhtmlforum.de/images/top_jhaag.jpg" alt="Menuschild"></div> sollte so aussehen: <div id="banner"><img src="http://xhtmlforum.de/images/top_jhaag.jpg" alt="Menuschild" /></div>
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
Sponsored Links |
|
|||
Ich würde sagen, du speicherst deinen Code in UTF-8 mit BOM.
Dein Meta-Element behauptet aber, es ist ISO-8859-1. Entscheide dich und wenn du dich für UTF-8 entscheidest, dann speicher ohne BOM. Im Moment gibt's überhaupt kein Stylesheet. Zum HTML: eine Navigation gehört in eine Liste. edit: aha, es hat sich geändert. Du hast einen HTML-Kommentar im Stylesheet! Der IE stürzt mir ab, wenn ich mich mit dem DOM-Inspector durch deine Navigation klicke. Mach doch erstmal eine Liste draus. edit2: jetzt ist die Kodierung wieder fehlerhaft... Geändert von fricca (23.05.2007 um 12:14 Uhr) |
|
||||
Zitat:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 1. die vielen Grafiken - die sollten zu Hintergrundgrafiken werden und 2. ein Menü ist eine Auflistung von Links, daher gehören diese auch in eine <li>iste verpackt! Lies dazu diesen Threat: http://xhtmlforum.de/43823-imagemap-...t-luecken.html Und lies auch FAQ - häufige Fragen und deren Antworten (insbesondere: CSS-Prolog - Welche (globalen) Definitionen sind wichtig und nützlich?) Edit: fricca war mal wieder schneller!
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS Geändert von kadees (23.05.2007 um 12:39 Uhr) |
|
|||
ok dann pack ich die navi grafiken in eine liste.
die index.html und das stylesheet sind jetzt im utf-8 ohne bom gespeichert. was das ist habe ich mich auch gefragt: . es kommt von der content-type codierung, welche aber laut dieser site empfohlen wird (ganz unten): XHTML-Einmaleins |
|
|||
Warum steht dann ISO-8859-1 im Meta-Element?
Zitat:
Zitat:
Der HTML-Kommentar steht noch immer in deinem Stylesheet! |
|
||||
Zum CSS:
#hintergrund ist -gelinde gesagt- Quatsch, gibt die Hintergrundgrafik dem <body>, etwa so: Code:
body { background-image: url(bg.jpg); } Code:
#gesamtinhalt { margin: 0 auto; width: 900px; min-height: 100%; height: auto ! important; color: #fff; background-color: #69c; }
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
Sponsored Links |
|
|||
So, erstmal Danke für eure Hilfe! Habe die oben genannten Probleme behoben.
Auch das Menü ist jetzt eine Liste. Zum CSS: #hintergrund habe ich, damit ich die Hintergrundgrafik auf 100% anpassen kann, egal ob sie größer oder kleiner ist als die Bildschirmauflösung. #gesamtinhalt hatte ich vorher relativ. Aber dann ging irgendwas nichtmehr und ich habe mir mit absolut beholfen. Dummerweise ist das auch nicht das gelbe vom Ei. Daher habe ich mich jetzt an euch gewendet, da ich nichtmehr weiter weiss. Die ganzen Probleme drehen sich eigentlich nur um diese Hintergrundgrafik die ich auf 100% haben möchte. Im einzelnen klappt das auch, aber zusammen eben nicht. Geändert von dforce (23.05.2007 um 13:21 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Diverse Probleme in IE6 und IE7 | shredder01 | CSS | 6 | 13.03.2010 13:56 |
Probleme IE6 und include PHP | ptra | CSS | 9 | 24.03.2009 12:35 |
Probleme mit dem Border im IE6 | bullseye | CSS | 9 | 30.10.2007 17:21 |
probleme mit float:left und listenhintergrund im IE6 | Eppi | CSS | 2 | 04.12.2006 14:10 |
Probleme beim rendering mit IE6 | sileo | CSS | 24 | 18.10.2005 23:00 |