Ich brauche bei HTML Hilfe

    Ich kann zwar HTML ein bisschen und es auch verstehen aber habe es nie gelernt oder Studiert. Ich habe mir immer nur die Sachen angeguckt die ich direkt zu den Zeitpunkt gebraucht habe. Danmit bin ich eigendlich auch recht weit gekommen nur habe ich die HTML Code von meiner Index Seite in einen HTML Validator gesteckt und da sind knapp 50 fehler aufgetaucht und ich verstehe nicht warum aber kann das auch noch sein das deswegen die Seite in jedem Browser anders aussieht? Könnt ihr mir dabei Bitte Helfen den Code wieder auf die Richtige Spur zu bringen?

    HTML
    <!DOCTYPE html>
<html><head> <title>Photostory</title> <link rel="stylesheet" type="text/css" href="design.css">	<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />	<link rel="stylesheet" href="style.css" type="text/css" media="screen" /></head><body> <div id="website">	<div id="header1"><a href="http://www.photostorie.de/"><img src="http://photostories.bplaced.net/Photostories/Unbenannt.png" height="110" width="580" /></a></div><!-- Begin PicoSearch Code --><table bgcolor="white" cellspacing="0" cellpadding="0" border="0" /><tr><td><form method="get" style="margin-left:737px;" action="http://www.picosearch.com/cgi-bin/ts.pl" /> <input type="hidden" name="index" value="528248" /><table bgcolor="white" cellspacing="0" cellpadding="10" border="0" /><tr><td><a href="http://www.picosearch.com/" /><img style="border:0" src="http://www.picosearch.com/picosmall.gif" alt="Search this Site with PicoSearch" /></a></td><td><input type="text" name="query" value="" size="20" /></td><td><input type="submit" value="Search" /></td></tr></table></form></td></tr></table><!-- End PicoSearch Code --> <div id="main"> <div id="menue"> <ul class="white">	</ hr> <li><a href="http://www.photostorie.de" title="Startseite">Startseite</a></li> <li><a href="http://www.photostorie.de/bild.html" title="Bild">Bild</a></li> <li><a href="http://www.photostorie.de/ueberuns.html" title="ueberuns">&Uuml;ber uns</a></li> <li><a href="http://www.photostorie.de/impressum.html" title="impressum">Impressum</a></li>	<br></br>	</ hr> </ul> </div> </div> <div id="vorschau"> <section> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="http://photostories.bplaced.net/Photostories/img/Vorschau1.jpg" alt="" /> <img src="http://photostories.bplaced.net/Photostories/img/Vorschau2.jpg" alt="" /> <img src="http://photostories.bplaced.net/Photostories/img/Vorschau3.jpg" alt="" /> <img src="http://photostories.bplaced.net/Photostories/img/Vorschau4.jpg" alt="" /> <img src="http://photostories.bplaced.net/Photostories/img/Vorschau5.jpg" alt="" /> </div> <div id="htmlcaption" class="nivo-html-caption"> </div> </div> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.nivo.slider.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ pauseTime:4000, animSpeed: 1000 }); }); </script> </section> </div> <div id="inhaltrechts"> <script type="text/javascript"><!--google_ad_client = "ca-pub-1624622342655323";/* Rechts */google_ad_slot = "2440426482";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>	<h2>Beliebteste Bilder</h2>	<h3><a href="http://photostorie.de/arizona%20%28giant%20george%29.html">Giant George</a></h3>	<h3><a href="http://photostorie.de/brasilien,%20rio%20grande%20(cashewbaum).html">Cashewbaum</a></h3>	<h3><a href="http://photostorie.de/deutschland,%20Hahldensleben%20(real%20life%20hellboy).html">Real Life Hellboy</a></h3>	<h3><a href="http://photostorie.de/japan%20(origami).html">Origami</a></h3>	<script type="text/javascript"><!--google_ad_client = "ca-pub-1624622342655323";/* Rechts */google_ad_slot = "2440426482";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> <div id="inhalt"> <h2>Was ist Photostories.de?</h2> <h3>Auf Photostorie werden Sie Fastziniert, Unfassbar und Betroffen sein.</h3> <u><h1>Neue Bilder</h1></u><br></br> <br></br> <h2>Cashewbaum</h2><br></br> <a href="http://photostorie.de/brasilien,%20rio%20grande%20(cashewbaum).html"><img src="http://photostories.bplaced.net/Photostories/800px-Maior_cajueiro_do_mundo_2.jpg" height="300" width="450" /></a> <h3>Den Baum den Sie hier sehen ist der gr&ouml;&szlig;te Baum der Welt. Er ist auch zeitgleich der gr&ouml;&szlig;te Cashewbaum der Welt. Der Baum steht am Strand von Pirangi do Norte in der Gemeinde Parnamirim, 12 km s&uuml;dlich von Natal, der Hauptstadt des brasilianischen Bundesstaates Rio Grande do Norte.</h3><a href="http://photostorie.de/brasilien,%20rio%20grande%20(cashewbaum).html"><img src="http://photostories.bplaced.net/Photostories/button_weiterlesen_2.png" height="30" width="150"></a> <br></br><h2>______________________________________________________________________________________</h2><br></br> <h2>Save the Peak</h2><br></br> <a href="http://photostorie.de/los%20angeles,%20hollywood%20(save%20the%20peak).html"><img src="http://photostories.bplaced.net/Photostories/4353515773_fea6ef3a6b.jpg" height="300" width="450" /></a> <h3>Statt des ber&uuml;hmtesten Schriftzugs der Welt "Hollywood" ragte bis zum 14. April der Schriftzug SAVE THE PEAK &uuml;bersetzt hei&szlig; t das "rettet die Bergspitze". Wieso das Ganze? Eine Immobilien Firma aus Chicago hatte ein 55 Hektar gro&szlig; e Gebiet für 1,7 Millionen Dollar gekauft</h3><a href="http://photostorie.de/los%20angeles,%20hollywood%20(save%20the%20peak).html"><img src="http://photostories.bplaced.net/Photostories/button_weiterlesen_2.png" height="30" width="150"></a> <br></br><h2>______________________________________________________________________________________</h2><br></br> <h2>Vogel Sing Contest</h2><br></br> <a href="http://photostorie.de/thailand,%20surat%20thani%20(vogel%20sing%20contest).html"><img src="http://photostories.bplaced.net/Photostories/Vogel%20Sing%20Contest.PNG" height="300" width="450" /></a> <h3>Was machen die Herren und Damen dort nur? Spielen Sie massen Pinata oder sind die einfang nur verr&uuml;ckt?Das ist der Vogel Sing Contest in Surat Thani in Thailand. Die Teilnahmegeb&uuml;r betr&auml;gt 250 Baht und wird von den Organisatoren in ein Beh&auml;lter geworfen.</h3><a href="http://photostorie.de/thailand,%20surat%20thani%20(vogel%20sing%20contest).html"><img src="http://photostories.bplaced.net/Photostories/button_weiterlesen_2.png" height="30" width="150"></a> </div> </div><div id="footer"><br></br><hr> <h4>&copy; Copyright Photostories.de 2013. Alle Rechte vorbehalten.</h4> <div><a title="Photostory" href="https://www.facebook.com/pages/Photostorie/142090865913622?ref=hl" /><img style="" src="http://photostories.bplaced.net/Photostories/icon/facebook.png" alt="Photostory" /><a title="Photostory" href="https://twitter.com/JulianWolters" target="_blank" title="Twitter" /><img style="" src="http://photostories.bplaced.net/Photostories/icon/twitter.png" alt="Photostory" /><a title="Photostory" href="https://plus.google.com/u/0/108934580697967607373/posts" /><img style="" src="http://photostories.bplaced.net/Photostories/icon/google.png" alt="Photostory" /><a title="Photostory" href="" /><img style="" src="http://photostories.bplaced.net/Photostories/icon/flickr.png" alt="Photostory" /><a title="Photostory" href="http://theworldhelp.tumblr.com/" /><img style="" src="http://photostories.bplaced.net/Photostories/icon/tumblr.png" alt="Photostory" /> </div> </div>	</div></body>	</html>


    Danke schonmal für eure Hilfe LG Daiki

    so auf den ersten blick habe ich das gefühl, das du einige Tags zwar anfängst, aber diese nicht richtig schließt.
    achte mal darauf, wenn du beispielsweises mit <div> anfängst, diesen füllst und später nur einmal </div> eingibst um den tag zu schließen. und versuche table-,td-,tr tags zu vermeiden. ausschließlich div-container verwenden!


    als anfänger ist es natürlich nicht einfach, aber muss sich mit dem thema seo früher oder später auseinandersetzen und da sind table tags nicht empfohlen, da diese viele codes benötigen und somit die ladezeit erhöhen.


    ich bin mir jetzt nicht sicher, aber bei style="border:0" zum beispiel würde ich das anders formulieren. style-formate gehören zu css, und css hat da bestimmte vorgaben. da machst du es so:


    style="border-width: 0px"


    oder bei img-tags:


    <img border="0" src="...bildquelle.jpg" />


    ich empfehle dir dich in css noch etwas mehr einzulesen, gute seite dafür ist css4you.de

    ok danke werde ich versuchen zu ändern und berücksichtigen. Eine frage habe ich noch giebt es einen HTML oder CSS code das die Website auf verschidene Bildformate gleich angezeigt wird. ich habe es mitlerweile geschaft das sie bei jedem Web Browser gleich aussieht aube wenn ich zu meinen bruder gehe der einen 22 Zoll monitor hat sieht wie ganz anders aus als auf mein 19 Zoll monitor das stört mich jetzt noch und ich habe auch keine Lust mit prozenten zu schreiben da ich davon auch nicht wirklich ahnung habe.


    Mit freundlichem Gruß
    Daiki

    Da die Frage war, ob es Code gibt, der die Seite ueberall GLEICH aussehen laesst: Ja, aber dann musst du dich doch mit relativen Groessen wie Prozent befassen. Ohne geht nicht. Allerdings sind im Endeffekt auch Pixel eine relative Groesse, richtig eingesetzt, funktioniert das auch gut, und mit denen ist leichter zu rechnen.


    Und nein es ist nicht zu empfehlen, Responsive Design ist besser, dazu nimm dann Users Links.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden