Njelo
Threadersteller
Dabei seit: 18.07.2003
Ort: Leonberg
Alter: 43
Geschlecht:
|
Verfasst Do 07.12.2006 10:05
Titel Safari weigert sich als Einziger |
|
|
Hallo,
könnte mir jemand helfen und erklären, weshalb Safari als einziger Browser (sonst unter OSX und XP auf allen gängigen getestet) für folgendes HTML+CSS keine Seite anzeigt - außer background-color und Titel...
Vielen Dank& Gruß
Njelo
Zitat: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Willkommen</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta name="keywords" content="Diverse Keywords"/>
<link href="splash.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="horizont">
<div id="content">
<div id="links">
<a href="portal.html">Portal</a> <a href="ueberuns.html">Über uns</a>
</div>
<div id="distributor">
<a class="dist" href="link.html">Linkname<img src="images/royallogo-1.jpg" alt="" height="33" width="59" border="0" /></a></div>
<div id="impressum">
<a class="im" href="impressum.html">Impressum</a>
</div>
</div>
</div>
</body>
</html> |
-----------------------------
CSS
Zitat: | h1,h2,h3,h4 { display:block; font-weight:bold; font-family: Arial, Helvetica, san-serif}
h1 { font-size: 1.5em; color: #4f7796; background:inherit; margin:0.3em 0 0.5em; }
h2 {font-size: 0.8em; color: #9a361e; margin:0 0 0.5em; padding: 0 0.3em 0.2em 0; border-bottom: 3px solid #bebebe; }
p.vortext { margin: 0 0 1em; color: #5c5656; font-size: 0.75em; font-weight: bold; line-height: 1.5em; font-family: Arial, Helvetica, san-serif }
p { margin: 0 0 1em; color: #5c5656; font-size: 0.75em; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif}
a:link { color: #b68a72; font-weight: bold; background-image: url(images/bigbullet.gif); background-repeat: no-repeat; background-position: 0 -22px; text-decoration:none; }
a:visited { color: #b68a72; font-weight: bold; background-image: url(images/bigbullet.gif); background-repeat: no-repeat; background-position: 0 -22px; text-decoration:none; }
a:hover { color: #fff; background-image: url(images/bigbullet.gif); background-repeat: no-repeat; background-position: 0 4px; }
a.im:link {font-size: 0.8em; font-weight: normal; color: #bebebe; background-image: none;}
a.im:visited {font-size: 0.8em; font-weight: normal; color: #bebebe; background-image: none;}
a.im:hover {color: #6b7163; background-image: none;}
a.dist:link {font-size: 0.8em; font-weight: normal; color: #bebebe; background-image: none;}
a.dist:visited {font-size: 0.8em; font-weight: normal; color: #bebebe; background-image: none;}
a.dist:hover {color: #6b7163; background-image: none;}
br { line-height: 1.0em; }
#links {position:relative; top: 300px; left: 130px; font-family: Arial; color: #fff; font-size: 0.9em; z-index: 3;}
#impressum {position:relative; margin-top: 370px; left: 210px; font-family: Arial; font-size: 0.9em; z-index: 2; visibility: visible;}
#horizont
{
color: white;
background-color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: hidden;
display: block
}
#content
{ font-family: Arial, sans-serif; background-image: url(images/splash-screen.jpg); background-repeat: no-repeat; margin-left: -276px; position: absolute; top: -197px; left: 50%; width: 552px; height: 394px; visibility: visible; z-index: 1; }
#distributor
{float: left;
margin-top:315px;
margin-left: 50px;} |
|
|