..und warum zentrierst du dein image nicht mit CSS?
Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>zentriertes bild</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author" content="hajoe" />
<style type="text/css">
<!--
html,body {100%;
color:black;
background:silver;
margin:0;
padding:0;
font:10px Verdana, Times New Roman, Arial, sans-serif, monospace;
font-size: 100.01%;
min-width: 40em;
min-height:101%;
}
#container{background:silver;
color:white;
padding:0;
margin:0 auto 0 auto;
border-left:1px solid black;
border-right:1px solid white;
text-align:center;
}
#content{color:white;
background:black;
padding:40px 20px 0px 20px;
margin:0 10% 0 10%;
border:1px solid white;
font-size: 1em;
}
#logo {color:black;
margin:0 auto 0 auto;
border:1px solid red;
padding-bottom:0;
width:300px;
height:100px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="container">
<br /><br />
<div id="content">
<p>das ist ein zentriertes Image und liegt immer am unteren Rand<br /><br /><br /><br /><br /><br /><br /><br /></p>
<div id="logo">
<a href="http://www.kad-digital.de/cd_workshops/cd00_vorschau.html" target="_blank"><img src="logo2.jpg" width="300" height="100" border="0" alt="logo"></a></div>
</div>
</div>
</div>
</body>
</html>
Seite dazu
Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>zentriertes bild</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author" content="hajoe" />
<style type="text/css">
<!--
html,body {100%;
color:black;
background:silver;
margin:0;
padding:0;
font:10px Verdana, Times New Roman, Arial, sans-serif, monospace;
font-size: 100.01%;
min-width: 40em;
min-height:101%;
}
#container{background:silver;
color:white;
padding:0;
margin:0 auto 0 auto;
border-left:1px solid black;
border-right:1px solid white;
text-align:center;
}
#content{color:white;
background:black;
padding:40px 20px 0px 20px;
margin:0 10% 0 10%;
border:1px solid white;
font-size: 1em;
}
#logo {color:black;
margin:0 auto 0 auto;
border:1px solid red;
padding-bottom:0;
width:300px;
height:100px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="container">
<br /><br />
<div id="content">
<p>das ist ein zentriertes Image und liegt immer am unteren Rand<br /><br /><br /><br /><br /><br /><br /><br /></p>
<div id="logo">
<a href="http://www.kad-digital.de/cd_workshops/cd00_vorschau.html" target="_blank"><img src="logo2.jpg" width="300" height="100" border="0" alt="logo"></a></div>
</div>
</div>
</div>
</body>
</html>
Seite dazu