EHST
Gesperrt Threadersteller
Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
|
Verfasst Sa 23.12.2006 13:47
Titel Pseudo-Imagemap (divs) und IE |
|
|
KLeines Problemchen. An sich wollte ich auf eine Imagemap zurückgreifen, aber das scheint in XHTML 1.0 aufgrund von "name" nicht zu funktionieren. (jedenfalls nicht so, dass es valid ist).
Also habe ich auf Ebenen zurückgegriffen und diese über die entsprechenden Stellen gelegt.
Erstmal CSS (ab #kopf a) wird es relevant, aber der Vollständigkeit halber...):
Code: |
#haupt {
background-color : transparent;
border : 1px solid #625952;
margin : -248px 0 0 -401px;
position : absolute;
top : 50%;
left : 50%;
width : 800px;
height : 493px;
}
#kopf {
height : 104px;
width : 800px;
position : absolute;
top : 0;
left : 0;
}
#inhalt {
height : 359px;
width : 800px;
top : 104px;
left : 0;
position : relative;
background-image : url(hintergrund.jpg);
background-repeat : no-repeat;
overflow : scroll;
overflow : auto;
}
#fuss {
height : 30px;
width : 800px;
position : absolute;
top : 463px;
left : 0;
}
p {
font-size : 1em;
font-family : times, arial, sans-serif, helvetica, verdana;
font-weight : normal;
text-decoration : none;
border : 0 none;
color : #625952;
padding : 10px 270px 10px 55px;
margin : 0;
text-align : left;
}
p.kontakt {
font-size : 1em;
font-family : times, arial, sans-serif, helvetica, verdana;
font-weight : normal;
text-decoration : none;
border : 0 none;
color : #625952;
padding-left : 160px;
margin : 0;
text-align : left;
}
h1 {
font-size : 1.3em;
font-family : times, arial, sans-serif, helvetica, verdana;
text-decoration : none;
font-weight : 600;
border : 0 none;
color : #625952;
padding : 10px 270px 0 55px;
margin : 0;
text-align : left;
letter-spacing : 3px;
}
h2 {
font-size : 1.1em;
font-family : times, arial, sans-serif, helvetica, verdana;
text-decoration : none;
font-weight : 500;
border : 0 none;
color : #625952;
padding : 10px 270px 0 55px;
margin : 0;
text-align : left;
letter-spacing : 1px;
}
dl {
margin-left: 150px;
margin-right: -90px;
float:left;
top: 50px;
}
dl#zwei {
top:50px;
margin-left:10px;
}
dt {
font-family : helvetica, arial, times, sans-serif, verdana;
font-style: italic;
font-size:0.7em;
color : #625952;
}
dd {
font-family : helvetica, arial, times, sans-serif, verdana;
font-style: normal;
font-weight:600;
font-size:0.8em;
color : #625952;
}
#kopf a {
position: absolute;
height: 22px;
top: 70px;
text-decoration: none;
}
#kopf a span {
visibility: hidden;
}
a#startseite {
left: 55px;
width: 90px;
}
a#sedcard {
left: 210px;
width: 80px;
}
a#galerie {
left: 350px;
width: 70px;
}
a#kontakt {
left: 490px;
width: 85px;
}
|
Hier schnell noch der Quelltext:
Code: | <?xml version="1.0" encoding="ISO-8859-1" ?>
<!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>
<title>blabla</title>
<meta name="author" content="EHST"/>
<meta http-equiv="cache-control" content="no-store"/>
<meta name="robots" content="none"/>
<link rel="stylesheet" href="format.css" type="text/css"/>
<!--[if IE]>
<link rel="stylesheet" href="format_ie.css" type="text/css"/>
<![endif]-->
</head>
<body bgcolor="#1F1F1F">
<div id="haupt">
<div id="kopf"><img src="kopf.jpg" width="800" height="104" border="0" alt=""/>
<a href="startseite.html" id="startseite"><span>Startseite</span></a>
<a href="sedcard.html" id="sedcard"><span>Sedcard</span></a>
<a href="galerie.html" id="galerie"><span>Galerie</span></a>
<a href="kontakt.html" id="kontakt"><span>Kontakt</span></a>
</div>
<div id="inhalt"><h1>Sedcard</h1>
Inhalt ist irrelevant
</div>
<div id="fuss"><img src="fuss.jpg" width="800" height="30" border="0" alt=""/></div>
</div>
</body>
</html> |
In Firefox klappt das prima. Aber im IE klappt bezüglich Navigation rein gar nichts, sprich, es ist definitiv nichts vorhanden. Ich frage mich wieso. Hat jemand eine Idee, wo der Fehler liegt?
|
|