Css + Safari = Problem

Bianca_Bln

Bianca_Bln

Mitglied
Thread Starter
Dabei seit
24.10.2004
Beiträge
88
Reaktionspunkte
0
HELP!!

Ich habe bei selfcss, bei css4you und wo auch immer in Netzt gesucht, aber leider keine Antwort oder Abhilfe gefunden.

Meine mit CSS geschriebene Seite funktioniert weder im Safari noch am IE am WindowsRechner.

Was mache ich falsch??

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</head>

<style type="text/css"><!--
div#menu {
	float:left; 
	width:100px; 
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray;}
div#main {	
	text-align:justify;
	margin: 0px 102px 0px 102px;
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray; }

div#info_tab{
	float:right; 
	width:100px; 
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray;}
div#header {
	width:100%;
	border:2px solid gray;
	border-right:2px solid gray;}
//--></style>
</head>

<body topmargin="0" leftmargin="0"  rightmargin="0">

<div id="header">header</div>
<div id="menu">#link1<br>#link2</div>
<div id="info_tab">test info box</div>
<div id="main"> 

mmh...

</div>

</body>
</html>
 
Oben ist der </head>-Tag schon vor dem CSS zu!
 
Zuletzt bearbeitet:
admartinator schrieb:
<!-- und //--> dient doch zum auskommentieren, oder täusche ich mich da gerade?
Das ist richtig. Funktioniert dennoch nicht ...
 
du solltest deinen <title> tag auch mit </title> schliessen! ;)
 
Du täuscht dich nicht. Der ganze CSS Bereich ist auskommentiert.

Bei Javascript muss man dies allerdings machen, falls der Browser kein JS versteht.
Ob dies bei CSS auch so sein muss ?! Hab ich jedenfalls noch nie gesehen.

edit: oder es liegt am title *G*
 
Zuletzt bearbeitet:
Das mit dem Auskommentieren ist schon richtig. Lass dir mal den Quelltext dieser Seite hier anzeigen.
Es liegt wohl an dem doppelten </head> bzw. dem fehlenden </title>.
 
Zuletzt bearbeitet:
Bianca_Bln schrieb:
Was mache ich falsch??

Du hast den Title nicht richtig abgeschlossen. Flüchtigkeitsfehler?

Bianca_Bln schrieb:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test[b][color=red]</head>[/color][/b]

<style type="text/css"><!--
div#menu {
	float:left; 
	width:100px; 
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray;}
div#main {	
	text-align:justify;
	margin: 0px 102px 0px 102px;
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray; }

div#info_tab{
	float:right; 
	width:100px; 
	border-left:2px solid gray; 
	border-bottom:2px solid gray; 
	border-right:2px solid gray;}
div#header {
	width:100%;
	border:2px solid gray;
	border-right:2px solid gray;}
//--></style>
</head>

<body topmargin="0" leftmargin="0"  rightmargin="0">

<div id="header">header</div>
<div id="menu">#link1<br>#link2</div>
<div id="info_tab">test info box</div>
<div id="main"> 

mmh...

</div>

</body>
</html>

Pingu
 
Pingu schrieb:
Du hast den Title nicht richtig abgeschlossen. Flüchtigkeitsfehler? Pingu
Vielen DANK! Jetzt scheint es zu funktionieren! Juhu!! .-))
 
Zurück
Oben Unten