tag:forum.selfhtml.org,2005:/self IE stellt seite ganz anders dar als FireFox – SELFHTML-Forum 2008-07-04T01:23:06Z https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262866#m1262866 kointa 2008-06-30T10:30:55Z 2008-06-30T10:30:55Z IE stellt seite ganz anders dar als FireFox <p>Hi all,</p> <p>ich bin gerade dabei meine seite auch IE kompatibel zu machen, ich habe bis jetzt immer eine meldung ausgegeben dass IE die seite falsch anzeigt, aber ich würde doch gerne auch IE usern ermöglichen auf meine seite zu gehen.</p> <p>ich habe jedoch einige probleme die ursache für manche darstellungsfehler zu finden.</p> <p>zum beispiel:</p> <ul> <li>werden bei meiner tabelle keine bilder angezeigt sondern nur "x".</li> <li>Wird die Überschrift ganz klein angezeigt obwohl in der definition.css folgendes drinsteht:</li> </ul> <pre><code class="block language-css"> <span class="token selector">h</span> <span class="token punctuation">{</span> font-family<span class="token punctuation">:</span>Monotype Corsiva<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>40px<span class="token punctuation">;</span> color<span class="token punctuation">:</span>black<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/*Schriftart der Überschriften*/</span> </code></pre> <ul> <li>Die andere Tabelle, welche ich mit <li> gestaltet habe wird nichtmehr nebeneinander, sondern untereinander dargestellt:</li> </ul> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>GameList<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=27<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/euro2008smallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>EM2008<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>EM 2008<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=28<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/sudokusmallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Sudoku<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Sudoku<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=29<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/tarnationsmallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Tarnation<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Tarnation<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=30<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/overkillapachesmallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>OverkillApache<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Overkill<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Apache<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=1<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/redbugspuzzlesmallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>RedBugsPuzzle<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Red Bugs<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Puzzle<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>?id=2<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value javascript language-javascript"><span class="token keyword">return</span> <span class="token function">loadGame</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>href<span class="token punctuation">)</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.miniclip.com/images/icons/jingosmallicon.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Jingo<span class="token punctuation">"</span></span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>Jingo<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <pre><code class="block language-css"> <span class="token comment">/*Tabellen*/</span> <span class="token selector">#GameList</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>table<span class="token punctuation">;</span> background<span class="token punctuation">:</span>black<span class="token punctuation">;</span> padding<span class="token punctuation">:</span>10 10<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>2% auto<span class="token punctuation">;</span> list-style-type<span class="token punctuation">:</span>none<span class="token punctuation">;</span> white-space<span class="token punctuation">:</span>nowrap<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#GameList li</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>table-cell<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#GameList a</span> <span class="token punctuation">{</span> color<span class="token punctuation">:</span>white<span class="token punctuation">;</span> font-family<span class="token punctuation">:</span>Comic Sans MS<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>11px<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span>normal<span class="token punctuation">;</span> text-decoration<span class="token punctuation">:</span>none<span class="token punctuation">;</span> width<span class="token punctuation">:</span>auto<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/*Schriftart der Tabelle*/</span> <span class="token selector">#GameList a:hover</span><span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span>#DC143C<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">th</span> <span class="token punctuation">{</span> vertical-align<span class="token punctuation">:</span>top<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/*Bilder alle auf gleicher Höhe*/</span> <span class="token selector">th a</span> <span class="token punctuation">{</span> color<span class="token punctuation">:</span>white<span class="token punctuation">;</span> font-family<span class="token punctuation">:</span>Comic Sans MS<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>11px<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span>normal<span class="token punctuation">;</span> text-decoration<span class="token punctuation">:</span>none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/*Schriftart der Tabelle*/</span> <span class="token selector">th a:hover</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span>#000000<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>kann mir jdn helfen?</p> <p>danke !<br> grüße</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262868#m1262868 suit suit@rebell.at http://rebell.at/ 2008-06-30T11:26:42Z 2008-06-30T11:26:42Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>kann mir jdn helfen?</p> </blockquote> <p>lies bitte die <a href="http://forum.de.selfhtml.org/hilfe/charta.htm#tipps-fuer-fragende" rel="nofollow noopener noreferrer">tipps für fragende</a></p> <p>insbesondere der punkt "Zeige den problematischen Quellcode! Entweder im Posting selbst oder mittels Link auf die betreffende Seite." wobei ich in deinem fall eher zum link raten würde</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262867#m1262867 Harlequin harlequin@jesterfox.de 2008-06-30T17:39:07Z 2008-06-30T17:39:07Z IE stellt seite ganz anders dar als FireFox <p>Yerf!</p> <blockquote> <ul> <li>Die andere Tabelle, welche ich mit <li> gestaltet habe wird nichtmehr nebeneinander, sondern untereinander dargestellt:</li> </ul> </blockquote> <blockquote> <pre><code class="block language-css"></code></pre> </blockquote> <blockquote> <p>/<em>Tabellen</em>/</p> <p>#GameList  { display:table;<br>    background:black;<br>      padding:10 10;<br>      margin:2% auto;</p> </blockquote> <pre><code class="block"> Hm, der IE7 kann glaub noch kein display:table. Versuch mal die Listitems entweder per diplay:inline oder float:left nebeneinander zu stellen. Gruß, Harlequin -- <!--[if IE]>This page is best viewed with a webbrowser. [Get one today!](http://www.opera.com)<![endif]--> </code></pre> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262869#m1262869 kointa 2008-06-30T11:59:53Z 2008-06-30T11:59:53Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>insbesondere der punkt "Zeige den problematischen Quellcode! Entweder im Posting selbst oder mittels Link auf die betreffende Seite." wobei ich in deinem fall eher zum link raten würde</p> </blockquote> <p>http://www.choiz.extra.hu<br> reicht das?</p> <p>Danke !</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262870#m1262870 suit suit@rebell.at http://rebell.at/ 2008-06-30T12:05:29Z 2008-06-30T12:05:29Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>http://www.choiz.extra.hu<br> reicht das?</p> </blockquote> <p>ja schon besser</p> <p>dass deine seite überhaupt irgendwo halbwegs wie gewünscht dargestellt wird, liegt vermutlich an der tollen fehlerkorrektur moderner browser</p> <p>du hast zb markup ausserhalb des <html />-elements</p> <p>wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte<br> <a href="http://de.selfhtml.org/html/allgemein/grundgeruest.htm" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/allgemein/grundgeruest.htm</a></p> <p>zudem scheinst du ein problem mit der zeichencodierung zu haben - der w3-validator verweigert jedenfalls den dienst<br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu" rel="nofollow noopener noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu</a></p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262871#m1262871 kointa 2008-06-30T13:37:20Z 2008-06-30T13:37:20Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>dass deine seite überhaupt irgendwo halbwegs wie gewünscht dargestellt wird, liegt vermutlich an der tollen fehlerkorrektur moderner browser</p> </blockquote> <p>du hast zb markup ausserhalb des <html />-elements</p> <p>So besser? aber die probleme gehen dadurch nicht weg im internet explorer, scheint ein CSS problem zu sein.</p> <p>wenn ich nämlich anstatt h einfach h1 setze dann erkennt der IE das auf einmal, aber er kann wohl keine beliebigen <tags> ansprechen !?</p> <blockquote> <p>wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte<br> <a href="http://de.selfhtml.org/html/allgemein/grundgeruest.htm" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/allgemein/grundgeruest.htm</a></p> </blockquote> <p>habs verbessert, so sollte es richtig sein !?</p> <blockquote> <p>zudem scheinst du ein problem mit der zeichencodierung zu haben - der w3-validator verweigert jedenfalls den dienst<br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu" rel="nofollow noopener noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu</a></p> </blockquote> <p>Was meinst du mit zeichencodierung !? kann die seite immernoch nciht validaten und die fehlermeldung ist nicht sehr aussagekräftig.</p> <p>danke</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262872#m1262872 suit suit@rebell.at http://rebell.at/ 2008-06-30T14:06:37Z 2008-06-30T14:06:37Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>So besser? aber die probleme gehen dadurch nicht weg im internet explorer, scheint ein CSS problem zu sein.</p> </blockquote> <p>nein, dein code ist immer noch nicht valide - ein css problem ist es sicher nicht</p> <blockquote> <p>wenn ich nämlich anstatt h einfach h1 setze dann erkennt der IE das auf einmal, aber er kann wohl keine beliebigen <tags> ansprechen !?</p> </blockquote> <p>natürlich nicht, die in html 4.01 oder xhtml 1.0 (in entsprechenden varianten) werden durch den doctype bestimmt - <h /> gibt es als element nicht - <h1 /> hingegen in sämglichen varianten</p> <blockquote> <blockquote> <p>wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte<br> <a href="http://de.selfhtml.org/html/allgemein/grundgeruest.htm" rel="nofollow noopener noreferrer">http://de.selfhtml.org/html/allgemein/grundgeruest.htm</a></p> </blockquote> <p>habs verbessert, so sollte es richtig sein !?</p> </blockquote> <p>ich seh keinen unterschied</p> <p>alles vor <!DOCTYPE HTML PUBLIC ... gehört ins <body />-element und nicht einfach so lose in den quelltext</p> <p>am geschicktesten ist, wenn du dir ein komplett neues, leeres dokument machst - das nennst du meinetwegen index_neu.php</p> <p>dort kopierst du das html- oder xhtml-grundgerüst rein und überträgst deine inhalte stück für stück semantisch korrekt (textabsätze mit p überschriften mit h1 bis h6, listen als ol/ul mit li-elementen) in dein neues dokument und zwischen drinnen immer den <a href="http://validator.w3.org/" rel="nofollow noopener noreferrer">validator</a> befragen, ob dein code richtig/valide ist - erst jetzt beginnst du die inhalte mit css zu formatieren</p> <blockquote> <p>Was meinst du mit zeichencodierung !? kann die seite immernoch nciht validaten und die fehlermeldung ist nicht sehr aussagekräftig.</p> </blockquote> <p>ansich ist die fehlermeldung schon aussagekräftig - da du keine zeichencodierung angibst (bzw das dokument sehr interpreationsbedürftig ist), versucht der w3-validator per default utf-8 obwohl du offenbar ein ansi-dokument erstellt hast, wenn man die zeichencodierung manuell einstellt, kommt der validator übrigens zu diesem ergebnis:</p> <p><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0" rel="nofollow noopener noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0</a></p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262873#m1262873 kointa 2008-06-30T15:04:45Z 2008-06-30T15:04:45Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>nein, dein code ist immer noch nicht valide - ein css problem ist es sicher nicht</p> </blockquote> <p>Jetzt aber ;)<br> This Page Is Valid HTML 4.01 Transitional!</p> <blockquote> <p>natürlich nicht, die in html 4.01 oder xhtml 1.0 (in entsprechenden varianten) werden durch den doctype bestimmt - <h /> gibt es als element nicht - <h1 /> hingegen in sämglichen varianten</p> </blockquote> <p>so problem behoben, klappt jetzt wunderbar, danke</p> <blockquote> <p>ich seh keinen unterschied</p> </blockquote> <p>jetzt aber ;)</p> <blockquote> <p>alles vor <!DOCTYPE HTML PUBLIC ... gehört ins <body />-element und nicht einfach so lose in den quelltext</p> </blockquote> <p>jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.</p> <blockquote> <p>ansich ist die fehlermeldung schon aussagekräftig - da du keine zeichencodierung angibst (bzw das dokument sehr interpreationsbedürftig ist), versucht der w3-validator per default utf-8 obwohl du offenbar ein ansi-dokument erstellt hast, wenn man die zeichencodierung manuell einstellt, kommt der validator übrigens zu diesem ergebnis:</p> </blockquote> <p>der einzige fehler den die validierung jetzt noch bring ist folgende:</p> <ul> <li>Line 110, Column 18: there is no attribute "BEHAVIOR"</li> <li>Line 110, Column 43: there is no attribute "SCROLLAMOUNT"</li> <li>Line 110, Column 59: there is no attribute "SCROLLDELAY"</li> <li>Line 110, Column 62: element "MARQUEE" undefined</li> </ul> <p>aber was ist denn an dem hier falsch:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marquee</span> <span class="token attr-name">behavior</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span> <span class="token attr-name">scrollamount</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span> <span class="token attr-name">scrolldelay</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">font-size</span><span class="token punctuation">:</span>10pt<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span>white<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span>none</span><span class="token punctuation">"</span></span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mailto:shivio4-homepage@yahoo.de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>(c) choiz | Optimized for FireFox @ 1280x800<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marquee</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> </code></pre> <p>also ich habe jetzt die seite konform aber meine tabelle im IE sieht immernoch total kaputt aus.<br> jetzt kann ich ja falschen code schonmal ausschließen, scheint wohl dass IE probleme mit dem CSS zu haben !??</p> <p>und wieso werden bei meiner tabelle keine bilder angezeigt, bzw manche schon und manche nicht.</p> <p>hoffe du hast dafür auch noch ne idee.</p> <p>danke schonmal für deine hilfe bis hierher !<br> grüße</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262875#m1262875 suit suit@rebell.at http://rebell.at/ 2008-06-30T15:15:26Z 2008-06-30T15:15:26Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>Jetzt aber ;)<br> This Page Is Valid HTML 4.01 Transitional!</p> </blockquote> <p><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0" rel="nofollow noopener noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0</a><br> ich weiss nicht welche seite du validierst, aber scheinbar ist es eine andere als die startseite ;)</p> <blockquote> <p>jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.</p> </blockquote> <p>wenn dein quelltext valide ist, ist ein rahmen das kleineste problem</p> <blockquote> <p>der einzige fehler den die validierung jetzt noch bring ist folgende:</p> <ul> <li>Line 110, Column 18: there is no attribute "BEHAVIOR"</li> <li>Line 110, Column 43: there is no attribute "SCROLLAMOUNT"</li> <li>Line 110, Column 59: there is no attribute "SCROLLDELAY"</li> <li>Line 110, Column 62: element "MARQUEE" undefined</li> </ul> <p>aber was ist denn an dem hier falsch:</p> </blockquote> <p>das <marquee />-element gibt es nicht<br> entferne es, es wird niemand vermissen - maquee ist für leute die meinen, es wäre cool den benutzer mit bewegung zu nerven</p> <p>jetzt wirst du denken "hey, marquee ist wirklich cool!" irgendwann wirst du feststellen, dass es wirklich so ist ;) das ist wie mit der schule "du lernst nicht für die schule sondern fürs leben, mein junge" - "jaja, mama" :D</p> <blockquote> <p>also ich habe jetzt die seite konform aber meine tabelle im IE sieht immernoch total kaputt aus.<br> jetzt kann ich ja falschen code schonmal ausschließen, scheint wohl dass IE probleme mit dem CSS zu haben !??</p> </blockquote> <p>wie gesagt, der link den du mir gegeben hast ist scheinbar nicht die standardkonforme seite von der du sprichst ;)</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262874#m1262874 at 2008-07-04T01:23:06Z 2008-07-04T01:23:06Z IE stellt seite ganz anders dar als FireFox <p>Hallo.</p> <blockquote> <p><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span></code></p> </blockquote> <p>Genau das Geräusch habe ich von mir gegeben, als ich deinen Code gelesen habe.<br> MfG, at</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262876#m1262876 kointa 2008-06-30T15:22:30Z 2008-06-30T15:22:30Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>ich weiss nicht welche seite du validierst, aber scheinbar ist es eine andere als die startseite ;)</p> </blockquote> <p>ich gehe hierüber:<br> http://validator.w3.org/#validate_by_input</p> <p>und geb da den ganzen quelltext ein, dann geht es. wieso die seite nicht direkt zu überprüfen ist weiss ich leider nicht.</p> <blockquote> <blockquote> <p>jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.<br> wenn dein quelltext valide ist, ist ein rahmen das kleineste problem</p> </blockquote> </blockquote> <p>hab ihn schon gebaut, war echt einfach ;).</p> <blockquote> <p>das <marquee />-element gibt es nicht<br> entferne es, es wird niemand vermissen - maquee ist für leute die meinen, es wäre cool den benutzer mit bewegung zu nerven</p> </blockquote> <p>okay dann mache ich das ;)</p> <blockquote> <p>jetzt wirst du denken "hey, marquee ist wirklich cool!" irgendwann wirst du feststellen, dass es wirklich so ist ;) das ist wie mit der schule "du lernst nicht für die schule sondern fürs leben, mein junge" - "jaja, mama" :D</p> </blockquote> <p>nene finds garnich so besonders, also dann mahc ichs mal weg ;)</p> <blockquote> <p>wie gesagt, der link den du mir gegeben hast ist scheinbar nicht die standardkonforme seite von der du sprichst ;)</p> </blockquote> <p>doch ;)</p> <p>grüße</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262877#m1262877 suit suit@rebell.at http://rebell.at/ 2008-06-30T15:50:14Z 2008-06-30T15:50:14Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>und geb da den ganzen quelltext ein, dann geht es. wieso die seite nicht direkt zu überprüfen ist weiss ich leider nicht.</p> </blockquote> <p>weil die zeichencodierung fehlt ;) - damit klappts auch bei dir:<br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0" rel="nofollow noopener noreferrer">direkt prüfen der startseite</a></p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262878#m1262878 kointa 2008-06-30T17:06:19Z 2008-06-30T17:06:19Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>weil die zeichencodierung fehlt ;) - damit klappts auch bei dir:<br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0" rel="nofollow noopener noreferrer">direkt prüfen der startseite</a></p> </blockquote> <p>wo kommen dnen jetzt die ganzen fehler her.<br> naja egal, der IE hat wohl wirklich probleme mit <li> ich probier mal da was zu ändern.</p> <p>danke</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262879#m1262879 suit suit@rebell.at http://rebell.at/ 2008-06-30T17:11:14Z 2008-06-30T17:11:14Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>wo kommen dnen jetzt die ganzen fehler her.<br> naja egal, der IE hat wohl wirklich probleme mit <li> ich probier mal da was zu ändern.</p> </blockquote> <p>versuche zuerst deine fehler im quelltext zu beseitigen - ohne standardkonformen code ist das nur ein spassiges rätselraten</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262880#m1262880 kointa 2008-06-30T17:20:15Z 2008-06-30T17:20:15Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>versuche zuerst deine fehler im quelltext zu beseitigen - ohne standardkonformen code ist das nur ein spassiges rätselraten</p> </blockquote> <p>die fehler die jetzt noch auftreten sind aber normal, da ich das menu über php auf jede seite einbinde, er meckert da halt dass die <div> container ausserhalb des html documentes stehen, aber das geht ja nicht anders.</p> <p>das sind dann auch die einzigen fehler.<br> also was kann ich jetzt noch tun ?</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262881#m1262881 kointa 2008-06-30T17:22:51Z 2008-06-30T17:22:51Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>das sind dann auch die einzigen fehler.<br> also was kann ich jetzt noch tun ?</p> </blockquote> <p>habs doch hingekriegt. aber löst das problem nicht :(</p> https://forum.selfhtml.org/self/2008/jun/30/ie-stellt-seite-ganz-anders-dar-als-firefox/1262882#m1262882 suit suit@rebell.at http://rebell.at/ 2008-06-30T22:41:51Z 2008-06-30T22:41:51Z IE stellt seite ganz anders dar als FireFox <blockquote> <p>habs doch hingekriegt. aber löst das problem nicht :(</p> </blockquote> <p>jetzt gönnst du dir noch eine zeichencodierung</p> <p><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> sollte in deinem fall im head stehen wenn ich nicht falsch liege und dann kanns mit der fehlersuche losgehen</p> <p>hilfreich ist es, die fehlerhaften elemente zu umrahmen um zu sehen was passiert</p> <p>du wirst relativ schnell feststellen, <a href="https://forum.selfhtml.org/?t=173306&m=1137771" rel="noopener noreferrer">dass der internet exploder mit display: table-cell nicht viel anfangen kann</a></p>