nicht angemeldet
Hmmm. Und dann wieder doch nicht.
Zu Hause nachgetestet und jetzt klappt alles bis auf...
tja bis auf die Tatsache, daß mein Hauptcontent
(<div id="content">)
jetzt in Safari und Firefox linksbündig steht.
Er sollte aber zentriert sein. Was mach' ich falsch?
HTML:
<!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>Rollover per CSS</title>
<link href="CSS/Rollovers_per_CSS.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css" media="screen"></style>
</head>
<body>
<div id="content">
<div id="header">
</div>
<div id="menu">
<a class="menu" id="home" href="index.htm"></a>
<a class="menu" id="news" href="extras/index.htm"></a>
<a class="menu" id="pics" href="links/index.htm"></a>
<a class="menu" id="contact" href="mailto:name@domain.de"></a>
</div>
<img src="images/MainFondBottom.jpg" id= "footer">
</div>
</body>
</html>
CSS:
body { color: #464646; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../images/WebBG.jpg"); text-align: center; margin: 0; padding: 0 }
h1 {font-size: 1.4em; font-weight: bold}
#content { background-image: url("../images/MainFondMain.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; text-align: left; position: relative; z-index: 0; width: 740px; min-height: 300px; voice-family: inherit }
#header { display: block; background-image: url("../images/MainFondTop.jpg"); background-repeat: no-repeat; text-align: left; margin-left: -1px; top: -2em; left: -2em; width: 740px; height: 40px }
#menu { text-decoration: none; background-image: none; list-style-type: none; display: block; position: relative; z-index: 1; right: 41px; width: 110px; float: right }
#mainText { line-height: 1.6em; padding-right: 10em; padding-left: 3em; position: relative }
#footer { display: block; background-image: url("../images/MainFondBottom.jpg"); background-repeat: no-repeat; margin-bottom: -10px; margin-left: -1px }
#HomeCurrent { background-image: url("../images/SideButtonHomeDown.jpg"); background-repeat: no-repeat; display: block; width: 110px; height: 40px }
#home:link { display: block; background-image: url("../images/SideButtonHomeUp.jpg"); width: 110px; height: 40px; background-repeat: no-repeat}
#home:visited { display: block; background-image: url("../images/SideButtonHomeUp.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#home:hover { display: block; background-image: url("../images/SideButtonHomeOver.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#home:active { display: block; background-image: url("../images/SideButtonHomeDown.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#PicsCurrent { background-image: url("../images/SideButtonPicsDown.jpg"); background-repeat: no-repeat; display: block; width: 110px; height: 40px }
#pics:link { display: block; background-image: url("../images/SideButtonPicsUp.jpg"); background-repeat: no-repeat; width: 110px; height: 40px }
#pics:visited { display: block; background-image: url("../images/SideButtonPicsUp.jpg"); background-repeat: no-repeat; width: 110px; height: 40px }
#pics:hover { display: block; background-image: url("../images/SideButtonPicsOver.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#pics:active { display: block; background-image: url("../images/SideButtonPicsDown.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#NewsCurrent { background-image: url("../images/SideButtonNewsDown.jpg"); background-repeat: no-repeat; display: block; width: 110px; height: 40px }
#news:link { display: block; background-image: url("../images/SideButtonNewsUp.jpg"); background-repeat: no-repeat; width: 110px; height: 40px }
#news:visited { display: block; background-image: url("../images/SideButtonNewsUp.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#news:hover { display: block; background-image: url("../images/SideButtonNewsOver.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#news:active { display: block; background-image: url("../images/SideButtonNewsDown.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#ContactCurrent { background-image: url("../images/SideButtonContactDown.jpg"); background-repeat: no-repeat; display: block; width: 110px; height: 40px }
#contact:link { display: block; background-image: url("../images/SideButtonContactUp.jpg"); width: 110px; height: 40px; background-repeat: no-repeat}
#contact:visited { display: block; background-image: url("../images/SideButtonContactUp.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#contact:hover { display: block; background-image: url("../images/SideButtonContactOver.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }
#contact:active { display: block; background-image: url("../images/SideButtonContactDown.jpg"); width: 110px; height: 40px; background-repeat: no-repeat }