Problem Darstellung Firefox-Inet Explorer

Unregistriert

Hallo!

Ich habe ein Problem bei meiner Webseite....und da genau gesagt mit einem AP Div Tag.....

Im Firefox wird es zu weit rechts angezeigt und im Inet Explorer würde es fast mittig passen...

Kann sich bitte mal jemand den Code anschauen und evtl. findet ja jemand den Fehler....

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HOME</title>
<style type="text/css">

</style>
</head>

<body>
<div align="center"><img src="Home.jpg" width="800" height="600" border="0" usemap="#Map" /> </div>
<div align="center" id="apDiv1">
<p align="center"><br />
<strong>Herzlich Willkommen!</strong> </p>
<p align="center">Ich begrüße Sie blabla<br />
</p>
<p align="center">Testtext 1<br />
Testtext 2</p>
<p align="center"> </p>
<p align="center">Testtext 3</p>
<p align="center"> </p>
<p align="center"> </p>
</div>
<div align="center">
<map name="Map" id="Map">
<area shape="rect" coords="219,307,264,331" href="index.html" />
<area shape="rect" coords="268,306,349,331" href="test1.html" />
<area shape="rect" coords="355,307,421,330" href="test2.html" />
<area shape="rect" coords="428,308,477,331" href="test3.html" />
<area shape="rect" coords="481,305,526,331" href="test4.html" alt="" />
<area shape="rect" coords="531,307,580,331" href="test5.html" alt="" />
<area shape="rect" coords="221,335,299,360" href="test6.html" />
</map>
</div>
</body>
</html>

Danke!

driver

füg mal in dein css ganz oben mit ein

HTML

* { padding:0px; margin:0px; }

Unregistriert

Habe es jetzt mal so reinkopiert....aber hat keine Veränderung gebracht...

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Filbig.com</title>
<style type="text/css">

</style>
</head>

<body>
<div align="center"><img src="Home.jpg" width="800" height="600" border="0" usemap="#Map" /> </div>
<div align="center" id="apDiv1">
<p align="center"><br />
<strong>Herzlich Willkommen!</strong> </p>
<p align="center">Wir begrüßen Sie auf der Homepage der Praxis Filbig.<br />
</p>
<p align="center">Wir laden Sie ein uns und unsere Praxis näher kennen zulernen. Ihre Gesundheit liegt uns am Herzen!<br />
Aus diesem Grund steht bei uns der Patient und die Wiederherstellung seiner Gesundheit an erster Stelle!</p>
<p align="center"> </p>
<p align="center">Wir freuen uns auf Ihr kommen!</p>
<p align="center"> </p>
<p align="center"> </p>
</div>
<div align="center">
<map name="Map" id="Map">
<area shape="rect" coords="219,307,264,331" href="index.html" />
<area shape="rect" coords="268,306,349,331" href="leistungen.html" />
<area shape="rect" coords="355,307,421,330" href="Wellness.html" />
<area shape="rect" coords="428,308,477,331" href="Kurse.html" />
<area shape="rect" coords="481,305,526,331" href="Zwischenseite Team.html" alt="" />
<area shape="rect" coords="531,307,580,331" href="Extras.html" alt="" />
<area shape="rect" coords="221,335,299,360" href="Kontakt.html" />
</map>
</div>
</body>
</html>

sejuma

Lass die absolute Positionierung und den center-Tag weg und zentriere wie hier, Variante 2 beschrieben.

Unregistriert

Habe es jetzt geändert. Die Gute Nachricht.... horizontal passt alles! nur vertikal gibt es ein Problem....und zwar hängt der Text nun zu tief....wenn ich das noch in den Griff bekomme bin ich glücklich....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Filbig.com</title>
<style type="text/css">
<!--
#apDiv1 {
{
margin:0;
padding:0;
}

html, body {

}

}
.Stil1 {font-family: Verdana, Arial, Helvetica, sans-serif}
body {

}
#apDiv2 {

* {
margin:0;
padding:0;
}

html, body {
height: 100%;
width: 100%;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -250px;
float: left;
background-color: #f00;
}

#container {
margin: 0 auto;
position: relative;
height: 500px;
width: 700px;
clear: left;
background-color: #ADFF2F;
}
}

-->
</style>
</head>

<body>
<div align="center"><img src="Home.jpg" width="800" height="600" border="0" usemap="#Map" />
<div align="center" id="apDiv1">
<p align="center"><br />
<strong>Herzlich Willkommen!</strong> </p>
<p align="center">Wir begrüßen Sie auf der Homepage der Praxis Filbig.<br />
</p>
<p align="center">Wir laden Sie ein uns und unsere Praxis näher kennen zulernen. Ihre Gesundheit liegt uns am Herzen!<br />
Aus diesem Grund steht bei uns der Patient und die Wiederherstellung seiner Gesundheit an erster Stelle!</p>
<p align="center"> </p>
<p align="center">Wir freuen uns auf Ihr kommen!</p>
<p align="center"> </p>
<p align="center"> </p>
</div>
<div id="apDiv2"></div>
</div>
<div align="center">
<map name="Map" id="Map">
<area shape="rect" coords="219,307,264,331" href="index.html" />
<area shape="rect" coords="268,306,349,331" href="leistungen.html" />
<area shape="rect" coords="355,307,421,330" href="Wellness.html" />
<area shape="rect" coords="428,308,477,331" href="Kurse.html" />
<area shape="rect" coords="481,305,526,331" href="Zwischenseite Team.html" alt="" />
<area shape="rect" coords="531,307,580,331" href="Extras.html" alt="" />
<area shape="rect" coords="221,335,299,360" href="Kontakt.html" />
</map>
</div>
</body>
</html>

Tags