Also ich benutze für meine Homepage die Oyla Vorlage. Aber der Hintergrundbild ist auf jedem Computer anders angepasst. Ich habe schon irgendtwie alles probiert um es auf jedem Computer gleich zu bekommen. Ich möchte gern mein Hintergrundbild in die Mitte positionieren. Ich bitte um Hilfe !
Mein Code:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 260px;
left: 330px;
width: 630px;
height: 220px;
font-family: Arial;
font-size: 16px;
color: #000000;
}
div.navigation {
overflow: auto;
position: absolute;
top: 260px;
left: 40px;
width: 185px;
height: 220px;
font-family: Arial;
font-size: 16px;
color: #000000;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {
color: #0000ff;
text-decoration:none;
}
a:active {
color: #ffffff;
text-decoration:none;
}
a:hover {
color: #000000;
text-decoration:none;
}
-->
</style>
</head>
<body>
<!-- Start Design -->
<img src="Design_Adresse.jpg" alt="Designbild" id="design" />
<!-- End Design -->
<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div class="navigation">
%navigation_v%
</div>
<!-- End Navigation -->
</body>
<!--
Dies ist der Grundcode von Oylahomepagehilfe.de - Letztes Update am: 19.08.2009.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->
</html>