whiterussian
Erfahrenes Mitglied
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:
html:
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:
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:
<?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>