Hallo zusammen!
Ich hab ein Bild mit Imagemap in einem zentrierten Layer. Dieser Layer soll immer so hoch sein wie das Browserfenster.
Wenn ich jetzt die Höhe auf 100% stelle, bekomm ich immer beim Browserfenster einen Scrollbalken. (FF 4.0, IE 7.0)
Wie bekomm ich den Scrollbalken weg?
CSS:
PHP-Code:
html, body {
height:100%;
margin:0;
padding:0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #f0f0f0;
}
#container {
padding: 1em 1em 0 1em;
margin: 0 auto;
height: 100%;
width: 842px;
background-color: #FFC;
text-align: center;
}
img {
margin:0;
padding:0;
}
html:
PHP-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>title</title>
<link rel="stylesheet" href="css/edda_seidl_reiter.css" type="TEXT/CSS" />
</head>
<body>
<div id="container">
<img src="pics/eddaseidl-reiter14.jpg" alt="Edda Seidl-Reiter" width="842" height="595" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="376,427,714,451" href="#" target="_blank" />
<area shape="rect" coords="429,510,605,534" href="#" target="_blank" />
</map>
</div>
</body>
</html>
1Danke
Zitieren
Login
