SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 21.08.2003, 14:52   #1
jow
TP-Insider
 
Benutzerbild von jow
 
Registriert seit: Aug 2002
Ort: Sinsheim
jow macht sich hier sehr viel Mühe

Erhebliche Dartellungsprobleme im IE


Hi,

habe folgende Seite designed http://www.jow-online.com/w2f/

In den Browsern Mozilla 1.3, Netscape 7, opera 7 und Mozilla Firebird 0.6.1 ist die Darstellung einwandfrei, jedoch beim IE wird das Layout total zerhauen...

Dachte zuerst es wäre ein Fehler wegen unzulässiger Tags,... aber der Validator von W3C sagt es wäre Html 1.0 validated, und außerdem wird eine Seite ähnlichen Aufbaus nicht vom IE zerhauen.

Woran könnte das liegen? Hab schon vieles ausprobiert, aber noch keine Lösung gefunden...
__________________
"Dieses Business ist binär. Du bist eine Eins oder eine Null, lebendig oder tot. Es gibt keinen zweiten Sieger." - Gary Winston (StartUp)
jow ist offline   Mit Zitat antworten


Alt 21.08.2003, 15:04   #2
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
hi!

ja, dein xhtml ist valide, nicht aber dein css

desweiteren sind mir auf den ersten blick doch einige fehler im quelltext aufgefallen, wie z.b.:


<table width="750" style="border:1px soli.......

width: 750! 750 was?? pixel, prozent???

also die site muss ich mir abends oder morgen mal genau anschaun, zzt. leider zuwenig freiraum..
prefix ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:06   #3
TP-Veteran
 
Benutzerbild von Flow09
 
Registriert seit: Jun 2001
Ort: Wien
Flow09 ist auf einem guten Weg
Hast Du Dein CSS auch validieren lassen????

lg
Flow
__________________
Lesser known Programming Languages #13: SLOBOL
... Although many compilers allow you to take a coffee break while they compile, SLOBOL compilers allow you to travel to Bolivia to pick the coffee. Forty-three programmers are known to have died of boredom sitting at their terminals while waiting for a SLOBOL program to compile. Weary SLOBOL programmers often turn to a related (but infinitely faster) language, COCAINE.
Flow09 ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:06   #4
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
flo du schnecke
prefix ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:15   #5
TP-Veteran
 
Benutzerbild von Flow09
 
Registriert seit: Jun 2001
Ort: Wien
Flow09 ist auf einem guten Weg
Hehe, was heist da Schnecke!
__________________
Lesser known Programming Languages #13: SLOBOL
... Although many compilers allow you to take a coffee break while they compile, SLOBOL compilers allow you to travel to Bolivia to pick the coffee. Forty-three programmers are known to have died of boredom sitting at their terminals while waiting for a SLOBOL program to compile. Weary SLOBOL programmers often turn to a related (but infinitely faster) language, COCAINE.
Flow09 ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:41   #6
jow
TP-Insider
 
Benutzerbild von jow
 
Registriert seit: Aug 2002
Ort: Sinsheim
jow macht sich hier sehr viel Mühe
Was bedeutet diese fehlermesaage beim validieren?

PHP-Code:
Line17 Context : .cont
Parse Error 
cont_bottom border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top:1px solid #000000; background-image:url(../gfx/tbl.jpg); } 
Dieses ist valid:
PHP-Code:
.right {
width100px;
border-left:1px solid #000000; 

Was is da der Unterschied?
__________________
"Dieses Business ist binär. Du bist eine Eins oder eine Null, lebendig oder tot. Es gibt keinen zweiten Sieger." - Gary Winston (StartUp)
jow ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:43   #7
TP-Veteran
 
Benutzerbild von Flow09
 
Registriert seit: Jun 2001
Ort: Wien
Flow09 ist auf einem guten Weg
Der Validator mag keine Sonderzeichen in den Klassen/ID-Namen (Unterstriche usw.)!

Übrigens: Lass mal die Größenangaben bei dem Bild im Head-Bereich weg:
Code:
<img src="gfx/w2f-logo.jpg" height="160" width="750" alt="W2F - Logo" />
lg
Flow
__________________
Lesser known Programming Languages #13: SLOBOL
... Although many compilers allow you to take a coffee break while they compile, SLOBOL compilers allow you to travel to Bolivia to pick the coffee. Forty-three programmers are known to have died of boredom sitting at their terminals while waiting for a SLOBOL program to compile. Weary SLOBOL programmers often turn to a related (but infinitely faster) language, COCAINE.
Flow09 ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:48   #8
TP-Veteran
 
Benutzerbild von Flow09
 
Registriert seit: Jun 2001
Ort: Wien
Flow09 ist auf einem guten Weg
Nochwas:

Du kannst auch statt:

border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top:1px solid #000000;

einfach border: 1px solid #000000; schreiben, das betrifft dann alle Seiten vom Rahmen.

Is kürzer und übersichtlicher!

lg
Flow
__________________
Lesser known Programming Languages #13: SLOBOL
... Although many compilers allow you to take a coffee break while they compile, SLOBOL compilers allow you to travel to Bolivia to pick the coffee. Forty-three programmers are known to have died of boredom sitting at their terminals while waiting for a SLOBOL program to compile. Weary SLOBOL programmers often turn to a related (but infinitely faster) language, COCAINE.
Flow09 ist offline   Mit Zitat antworten
Alt 21.08.2003, 15:52   #9
jow
TP-Insider
 
Benutzerbild von jow
 
Registriert seit: Aug 2002
Ort: Sinsheim
jow macht sich hier sehr viel Mühe
so, Größenangabe im Logo weg, XHTML-Fehler geändert, XHTMl valid, CSS valid

Trotzdem is der IE zu doof es anzuzeigen...

Kann das am colspan="*" Tag liegen?
__________________
"Dieses Business ist binär. Du bist eine Eins oder eine Null, lebendig oder tot. Es gibt keinen zweiten Sieger." - Gary Winston (StartUp)
jow ist offline   Mit Zitat antworten
Alt 21.08.2003, 16:03   #10
TP-Veteran
 
Benutzerbild von Flow09
 
Registriert seit: Jun 2001
Ort: Wien
Flow09 ist auf einem guten Weg
Jup! Schaut so aus!

Warum nimmst Du eigentlich soviel colspan! Brauchst doch nur genau zwei!?!
Zumindest klappt es mit dem Code bei mir jetzt:

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" xml:lang="de" lang="de">
<head>
<title>W&sup2;F - W00DY W00D FR4GGERS - fraggin' you since August 2003</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<table width="750px" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" style="border-bottom:1px solid #000000;">
	<img src="gfx/w2f-logo.jpg" alt="W2F - Logo" />
</td>
</tr>
<tr>
<td width="100px" valign="top" >
	<table width="100px" cellpadding="0" cellspacing="0" class="menu">
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Home </td></tr>
	<tr><td class="nav_head">Clan</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Wir</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Mitglieder</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Statistiken</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Anfrage</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Intern</td></tr>
	<tr><td class="nav_head">Interaktiv</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] G&auml;stebuch</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Kontakt</td></tr>
	<tr><td class="nav_head">Fun</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Comics</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Geschichten</td></tr>
	<tr><td class="nav_head">Rest</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Serverliste</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Downloads</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Artikel</td></tr>
	<tr><td onmouseover="this.style.backgroundColor='#BF2000';" onmouseout="this.style.backgroundColor='';">&nbsp;[ ] Impressum</td></tr>
	</table>
</td>
<td valign="top">
	<table width="500" align="center" cellpadding="0" cellspacing="0" border="1">
	<tr>
		<td>
			&nbsp;
		</td>
	</tr>
	<tr>
		<td class="cont_head">
			22.22.03 &middot;&middot; Lorem ipsum dolor
		</td>
	</tr>
	<tr>
		<td class="cont_text" align="justify">
			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 exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 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 exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
		</td>
	</tr>
	<tr>
		<td class="cont_bottom">
			jow
		</td>
	</tr>
	<tr>
		<td>
			&nbsp;
		</td>
	</tr>
	<tr>
		<td class="cont_head">
			22.22.03 &middot;&middot; Lorem ipsum dolor
		</td>
	</tr>
	<tr>
		<td class="cont_text" align="justify">
			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 exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 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 exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
		</td>
	</tr>
	<tr>
		<td class="cont_bottom">
			jow
		</td>
	</tr>
	<tr>
		<td>
			&nbsp;
		</td>
	</tr>
	</table>
</td>
<td valign="top" class="right">
	Poll
</td>
</tr>
<tr>
<td colspan="3">
	<img src="gfx/footer.jpg" width="750" height="45" alt="Footergrafik" />
</td>
</tr>
</table>
</body>
</html>
lg
Flow
__________________
Lesser known Programming Languages #13: SLOBOL
... Although many compilers allow you to take a coffee break while they compile, SLOBOL compilers allow you to travel to Bolivia to pick the coffee. Forty-three programmers are known to have died of boredom sitting at their terminals while waiting for a SLOBOL program to compile. Weary SLOBOL programmers often turn to a related (but infinitely faster) language, COCAINE.
Flow09 ist offline   Mit Zitat antworten
Alt 21.08.2003, 17:19   #11
jow
TP-Insider
 
Benutzerbild von jow
 
Registriert seit: Aug 2002
Ort: Sinsheim
jow macht sich hier sehr viel Mühe
ok,
danke für eure Hilfe.

Es funktioniert jetzt und ist immer noch valid.

@Flow: waren tatsächlich etwas übertriebene colspans drinnen
__________________
"Dieses Business ist binär. Du bist eine Eins oder eine Null, lebendig oder tot. Es gibt keinen zweiten Sieger." - Gary Winston (StartUp)
jow ist offline   Mit Zitat antworten
Alt 21.08.2003, 21:49   #12
TP-Insider
 
Registriert seit: Dec 2001
Ort: einem Dorf unweit der längsten Theke der Welt
LANtastic ist auf einem guten Weg
@Prefix :
Zitat:
Code:
<table width="750" style="border:1px soli.......
width: 750! 750 was?? pixel, prozent???
Bei CSS ist die Angabe einer Breite eine Pflichtangabe. Bei den HTML Attributen, sieht es da anders aus.

Das width Attribut erhält einen Wert %Length, der Wert %Length kann 3 Typen annehmen:

absolut: Pixel, wobei eine fehlende Angabe der Einheit automatisch Pixel bedeutet.
relativ: also %. hier muss die Einheit angegeben werden.

Proportional: recht unbekannt, aber dennoch erlaubt. Der Platz kann hier proportional zur Breite der Tabelle berechnet werden und wird mit einem "i*" gekennzeichnet. Wobei i eine Integerzahl grösser Null sein muß. Nur "*" ist gleichzusetzen mit "1*"
nachdem alle anderen Attribute ausgerechnet wurden, die Breiten zugeteilt wurden und noch 60Pixel Platz bleiben, dann bedeuten 1* = 10 Pixel, 2* = 20 Pixel und 3* = 30 Pixel.

die Proportionale Breitenzuordnung ist aber verdammt buggy

http://www.w3.org/TR/html401/struct/tables.html
__________________
Wenn Du denkst Du denkst, denkst Du nur Du denkst, denn das denken von Gedanken ist gedankenloses Denken.
Wer braucht schon JavaScript ?
LANtastic ist offline   Mit Zitat antworten
Alt 21.08.2003, 22:11   #13
TP-Specialist
 
Registriert seit: Aug 2002
Ort: Nähe Wien
prefix ist auf einem guten Weg
ui, ich muss anfangen, (x)html von css zu unterscheiden

man sollte sich nicht fixieren *hehe*

danke, lc
prefix ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Erhebliche Dartellungsprobleme im IE Erhebliche Dartellungsprobleme im IE
« "mailto" | Auflösungsweiche? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:32 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67