archivierte Beiträge lesen
- (BROWSER) Seltsames Phänomen von Sorus, 09. 01. 2012, 15:35
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 15:35 Uhr von Sorus veröffentlicht.
Guten Tag liebe Forenmitglieder
Ich habe ein seltsames Phänomen aus dem ich einfach nicht schlau werde und bei dem ich eure Hilfe benötige. Um euch das Problem zu verdeutlichen habe ich zwei kleine Dateien geschrieben.
------------------------------------------------------------------------
test.htm:
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div id="links">links</div>
<div id="rechts">rechts</div>
<div id="mitte">test</div>
</body>
</html>
------------------------------------------------------------------------
test.css
<!--
#mitte {
height: 50px;
border: 1px solid #000000;
}
#links {
float: left;
height: 50px;
width: 50px;
border: 1px solid #000000;
}
#rechts {
float: right;
height: 50px;
width: 50px;
border: 1px solid #000000;
}
//-->
------------------------------------------------------------------------
Wenn ich die Datei test.htm mit verschiedenen Browsern starte erhalte ich verschiedene Ergebnisse:
Google Chrome
Was mache ich falsch?
Für eure Hilfe danke ich im Voraus.
Liebe Grüsse,
Sorus
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 15:37 Uhr von Sorus veröffentlicht.
Sorry... hier noch das Ergebnis im IE:
Internet Explorer
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 15:58 Uhr von Sorus veröffentlicht.
Vielen Dank für die schnellen und kompetenten Antworten. Ja, der Doc-Type war's! Kaum eingefügt schon erhielt ich das gewünschte Ergebnis. Ich wünsche euch allen einen wunderschönen Tag.
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 15:45 Uhr von dave veröffentlicht.
Hi,
> test.htm:
> <html>
Du hast keinen Doctype.
> <head>
>
> <link rel="stylesheet" type="text/css" href="test.css">
>
> </head>
Das title-Element fehlt.
> <div id="links">links</div>
> <div id="rechts">rechts</div>
> <div id="mitte">test</div>
Das id- und class-Attribut sollten keine Werte enthalten die ihre derzeitige Darstellung wiedergeben.
Falls du später entscheidest dass die Position der Elemente anders sein soll haben sie irreführende ids (wenn #links auf einmal in der mitte ist)
> test.css
> <!--
> //-->
Dieser HTML-Kommentar hat hier überhaupt nichts zu suchen
Grundsätzlich müssen Websiten nicht in jedem Browser gleich ausschauen.
~dave
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 16:54 Uhr von Gunnar Bittersmann veröffentlicht.
@@dave:
nuqneH
> > test.css
> > <!--
> > //-->
>
> Dieser HTML-Kommentar hat hier überhaupt nichts zu suchen
Ja, das Auskommentieren von CSS-Code (und JavaScript-Code ebenso) ist sinnlos.
'<!--' und '-->' sind allerdings in CSS erlaubt, erlaubt. '//' aber nicht; diese Notation einzeiliger Kommentare gibt in CSS (leider) nicht.
> Grundsätzlich müssen Websiten nicht in jedem Browser gleich ausschauen.
Grundsätzlich sollten Webseiten in jedem Browser unterschiedlich aussehen.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
Seltsames Phänomen
Der folgende Beitrag wurde am 10. 01. 2012, 14:00 Uhr von Hans veröffentlicht.
Was für ein Quatsch!
Kannst du dich noch daran erinnern, als man ab und zu für Netscape Navigator und Internet-Explorer verschiedene Eingänge gebastelt hat?
Gruß Hans
Seltsames Phänomen
Der folgende Beitrag wurde am 10. 01. 2012, 14:09 Uhr von Gunnar Bittersmann veröffentlicht.
@@Hans:
nuqneH
> Was für ein Quatsch!
Du hast den Sinn meiner Aussage nicht verstanden. Vermutlich hast du es nicht für nötig befunden zu erkunden, was sich hinter dem Link verbirgt.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
Seltsames Phänomen
Der folgende Beitrag wurde am 09. 01. 2012, 15:46 Uhr von Vinzenz Mai veröffentlicht.
Hallo,
> test.htm:
>
> <html>
> <head>
[...]
> </html>
>
> Wenn ich die Datei test.htm mit verschiedenen Browsern starte erhalte ich verschiedene Ergebnisse:
Das ist mit diesem Code zu erwarten, denn
> Was mache ich falsch?
Du schickst die Browser in den Quirksmodus. Das ist keine gute Idee.
Verwende eine Dokumenttyp-Deklaration, um den Quirksmodus zu vermeiden, zum Beispiel
<!DOCTYPE html>
Dein HTML-Dokument sollte sich selbstverständlich nach der Dokumenttyp-Deklaration validieren lassen, d.h. schreibe das darauf, was auch drin ist.
Freundliche Grüße
Vinzenz
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4