zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Codecheck bzgl. IE6 Probleme (wie immer).

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.05.2007, 10:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2007
Beiträge: 23
dforce befindet sich auf einem aufstrebenden Ast
Standard 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>&Uuml;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;
	}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.05.2007, 11:24
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Hallo,
HTML-Tidy meldet:
Zitat:
0 Fehler / 10 Warnungen

Zeile 5 Zeichen 1 - Warnung: Unzulässiges <html> löschen
Zeile 26 Zeichen 2 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 29 Zeichen 24 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 32 Zeichen 29 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 33 Zeichen 32 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 34 Zeichen 28 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 35 Zeichen 33 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 36 Zeichen 29 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 37 Zeichen 33 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 40 Zeichen 22 - Warnung: XHTML-Element <img> nicht geschlossen
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.05.2007, 11:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2007
Beiträge: 23
dforce befindet sich auf einem aufstrebenden Ast
Standard

so, ist jetzt valide ^^.
dennoch, irgendwo passt was nicht ;(.
Mit Zitat antworten
  #4 (permalink)  
Alt 23.05.2007, 12:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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)
Mit Zitat antworten
  #5 (permalink)  
Alt 23.05.2007, 12:37
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Zitat:
so, ist jetzt valide ^^
Und was ist dann bitte das?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Zwei Sachen stören mich generell an deinem HTML-Markup:
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)
Mit Zitat antworten
  #6 (permalink)  
Alt 23.05.2007, 12:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2007
Beiträge: 23
dforce befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 23.05.2007, 12:54
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von kadees Beitrag anzeigen
Und was ist dann bitte das?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Das ist eine Unicode-Datei die mit der falschen Zeichenkodierung (z.B. ISO-8859-1) ausgeliefert wird. Es reicht nicht ein Datei als UTF-8 zu speichern, diese muss auch vom Websever entsprechend versendet werden.

Geändert von inta (23.05.2007 um 12:58 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 23.05.2007, 12:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von dforce Beitrag anzeigen
die index.html und das stylesheet sind jetzt im utf-8 ohne bom gespeichert.
Warum steht dann ISO-8859-1 im Meta-Element?

Zitat:
was das ist habe ich mich auch gefragt: .
Lies den Artikel, den ich oben verlinkt habe (BOM!)
Zitat:
es kommt von der content-type codierung, welche aber laut dieser site empfohlen wird (ganz unten): XHTML-Einmaleins
Wenn du UTF-8 verwenden willst, dann sorge dafür, dass dein Server auch UTF-8 liefert.

Der HTML-Kommentar steht noch immer in deinem Stylesheet!
Mit Zitat antworten
  #9 (permalink)  
Alt 23.05.2007, 13:03
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Zum CSS:
#hintergrund ist -gelinde gesagt- Quatsch, gibt die Hintergrundgrafik dem <body>, etwa so:
Code:
body {
	background-image: url(bg.jpg);
}
#gesamtinhalt mit absoluter Positionierung ist absolut unnötig und macht Darstellungsfehler in verschiedenen Browsern sehr wahrscheinlich. Besser:
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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 23.05.2007, 13:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.05.2007
Beiträge: 23
dforce befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:41 Uhr.