• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Html-Code Browserproblem

Status
Für weitere Antworten geschlossen.

naeooo

Mitglied
HI,

wollte mal wissen, welche Gründe es haben kann, wenn der Html-Code nicht auf allen Browsers gleich angezeigt wird?

Muss das an den Code liegen oder kann da auch der Browser schuld sein?
Denn laut dem Validierprogramm weist mein Code keine Fehler auf, aber er funktioniert z.B. auf dem Internet Explorer noch nicht ganz ordnungsgemäß.. oder ist ein validierter Code (wenn man es so sagen kann) noch keine Garantie für die Kompatibilität mit jeden Browser?
 
Werbung:
Hallo

Ja, es gibt Unterschiede zwischen den Browsern. Grade auch bei älteren, die aber heutzutage meist nicht mehr berücksichtigt werden müssen.

Bei den aktuellen Browsern sind nur noch kleine Anpassungen erforderlich. Dies wird häufig durch eine sogenannte Normalisierung erreicht.

Allerdings musst du bedenken, dass HTML und CSS dauernd weiter entwickelt werden und einige Browser deshalb noch nicht alle Elemente und Anweiungen kennen. Bei Problemen solltest du deshalb zunächst bei

http://caniuse.com/

nach der Browserunterstützung schauen.

Die Validierung prüft zudem nur die Rechschreibung vom HTML und die Grammatik nur teilweise. Der Quelltext kann deshalb auch bei bestandener Validierung Probleme bereiten.

Dein Quelltext gehört ja auch zu den eher schlampigen. Es gibt Regeln die eingehalten werden müssen und solche, die sich bewährt haben und eingehalten werden sollten. Damit haben Anfänger häufig Probleme.

Gruss

MrMurphy
 
Ein Beispiel wäre hilfreich, um hier auch konkrete Tipps geben zu können.
 
Werbung:
Hallo

Ja, es gibt Unterschiede zwischen den Browsern. Grade auch bei älteren, die aber heutzutage meist nicht mehr berücksichtigt werden müssen.

Bei den aktuellen Browsern sind nur noch kleine Anpassungen erforderlich. Dies wird häufig durch eine sogenannte Normalisierung erreicht.

Allerdings musst du bedenken, dass HTML und CSS dauernd weiter entwickelt werden und einige Browser deshalb noch nicht alle Elemente und Anweiungen kennen. Bei Problemen solltest du deshalb zunächst bei

http://caniuse.com/

nach der Browserunterstützung schauen.

Die Validierung prüft zudem nur die Rechschreibung vom HTML und die Grammatik nur teilweise. Der Quelltext kann deshalb auch bei bestandener Validierung Probleme bereiten.

Dein Quelltext gehört ja auch zu den eher schlampigen. Es gibt Regeln die eingehalten werden müssen und solche, die sich bewährt haben und eingehalten werden sollten. Damit haben Anfänger häufig Probleme.

Gruss

MrMurphy
Ok, danke :)


Code:
<article class="Zimmer_Text">
            <h1>Zimmer</h1>
            <p>
                In unserem Hotel stehen 20 moderne und komfortable Zimmer f&uuml;r Sie zur Verf&uuml;gung. 
                Wir haben Einzelzimmer, Doppelzimmer, Dreierzimmer, sowie eine Luxussuite
                Sie werden sich in den bequemen eingerichteten Zimmern schnell wohl f&uuml;hlen. 
                Alle Zimmer verf&uuml;gen &uuml;ber einen Fernseher inkl. Sat.
                Sie k&ouml;nnen auch ohne weiteres Haustiere mitnehmen,
                da unser Hotel sehr tierfreundlich eingerichtet ist.
            </p>
        </article>
        <div><a href="Bilder/Zimmer1.jpg"><img id="ZimmerBild1" src="Bilder/Zimmer1.jpg" alt=""></a></div>
       
       
        <table id="Preistabelle">
        <tr>
            <td class="Zimmernamen">Zimmer</td>
            <td class="Zimmernamen">1-2 Pers.</td>
            <td class="Zimmernamen">Ab 3 Pers.</td>
        </tr>
        <tr>
            <td id="Spalte1"><a class="Zimmernamen_Design" href="Einzelzimmer.html">Einzelzimmer</a></td>
            <td>50&euro; &frasl; Nacht</td>
            <td>60&euro; &frasl; Nacht</td>
        </tr>
        <tr>
            <td><a class="Zimmernamen_Design" href="Doppelzimmer.html">Doppelzimmer</a></td>
            <td>75&euro; &frasl; Nacht</td>
            <td>80&euro; &frasl; Nacht</td>
        </tr>
        <tr>
            <td><a class="Zimmernamen_Design" href="Familienzimmer.html">Familienzimmer</a></td>
            <td>100&euro; &frasl; Nacht</td>
            <td>110&euro; &frasl; Nacht</td>
        </tr>
        <tr>
            <td><a class="Zimmernamen_Design" href="Luxussuite.html">Luxussuite</a></td>
            <td>200&euro; &frasl; Nacht</td>
            <td>220&euro; &frasl; Nacht</td>
        </tr>
           
        </table>
       
        <article class="Preis_Text">
            <h1>Preise</h1>
            <p>
                Am Anreisetag k&ouml;nnen Sie die Zimmer in der Zeit von 11:00 bis 14:00 Uhr 
                beziehen &#040;gerne auch zwischen 17:00 und 20:00 Uhr&#041;.
                Am Abreisetag stehen Ihnen die Zimmer bis 10:00 Uhr zur Verf&uuml;gung. 
                Ihr Fr&uuml;hst&uuml;ck k&ouml;nnen Sie zwischen 8:00 und 10:00 Uhr einnehmen.
                Sie k&ouml;nnen t&auml;glich in der Zeit von 18:00 bis 19:30 Uhr Ihre Halbpension einnehmen. Hier haben Sie die
                M&ouml;glichkeit ein t&auml;glich wechselndes 3-Gang-Men&uuml; mit Wahl zwischen zwei Gerichten im Hauptgang auszuw&auml;hlen. 
            </p>
        </article>

Code:
.Zimmer_Text h1{
    margin-top: 80px;
    margin-left: 300px;
    text-decoration: underline;
    color: #FF8000;
    font-size: 30px;
}

.Zimmer_Text p {
    margin-left: 300px;
    font-size: 17px;
    margin-right: 800px;
    text-align: justify;
    margin-top: 30px;
   
}
#ZimmerBild1{
    height: 220px;
    width: 500px;
    margin-left: 810px;
    margin-top: -520px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 10px;
   
}

#Preise{
    margin-left: 300px;
    text-decoration: underline;
    color: #FF8000;
    font-size: 15px;
}


   
   
   
.Zimmernamen{
    font-weight: bold;
   
}

#Preistabelle{
    margin-left: 810px;
    margin-top: -205px;
    width: 500px;
    background-color: #FF8000;
    height: 200px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
   
}
    table {border-collapse:collapse}
    table,td {border:1px solid #000}
    td {border-width:0 1px 1px 0}
   
   
#Preistabelle td{
    text-align: center;
}

.Preis_Text h1{
    margin-left: 300px;
    margin-top: -275px;
    text-decoration: underline;
    color: #FF8000;
    font-size: 30px;
}

.Preis_Text p{
    margin-left: 300px;
    margin-right: 800px;
    text-align: justify;
    margin-top: 40px;
   
}

Hier wird im Internet Explorer das obere Bild nach rechts verschoben und die untere Text und die Tabelle verschieben sie sich auf den oberen Text und Bild..
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Hallo

Ein paar Quellcodeschnipsel reichen nicht aus. Die Probleme können auch aus dem Doctype (oder einem fehlendem Doctype) oder Angaben im head-Bereich entstehen.

Wir benötigen deshalb den gesamten Quellcode der HTML-Datei.

Gruss

MrMurphy
 
Hier wird im Internet Explorer das obere Bild nach rechts verschoben und die untere Text und die Tabelle verschieben sie sich auf den oberen Text und Bild..
Ich kann da keinen Unterschied gegenüber Chrome und Firefox erkennen. Sieht in allen drei Browsern einheitlich extrem bescheiden aus :p

Wie schon in einem anderen Deiner Themen bemerkt, solltest Du Deinen Ausbilder/Lehrer nach der Lösung fragen, wenn Ihr solche abenteuerlichen Konstrukte als Vorgabe auf die Beine stellt.

Mehr gibt's dazu von unserer Seite auch nicht zu sagen - Thema geschlossen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben