mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 30.05.2017 15:40 Benutzername: Passwort: Auto-Login

Thema: Pseudo-Imagemap (divs) und IE vom 23.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Pseudo-Imagemap (divs) und IE
Autor Nachricht
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

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
EHST
Gesperrt
Threadersteller

Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
Verfasst Sa 23.12.2006 16:16
Titel

Antworten mit Zitat Zum Seitenanfang

Ach, hat sich erledigt. Vielleicht mal darauf achten, dass die Kopfgrafik nicht über den Ebenen ist. * Ich geb auf... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Pseudo-Klassen
Pseudo 3D Weltkugel
pseudo xray effekt aus apple iSight
Suche Flash Navigation Pseudo 3D Rotierend (Bild)
Photoshop Pseudo-3D via Style oder Plug-In gesucht
css imagemap
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.