Hintergrundbild anpassen, aber wie?

HomepageTerror

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>

Alles anzeigen

Gebby

Zitat von HomepageTerror

Aber der Hintergrundbild ist auf jedem Computer anders angepasst. Ich habe schon irgendtwie alles probiert um es auf jedem Computer gleich zu bekommen.

Wirst du nicht hinbekommen. Wie auch? Jeder Computer müsste die gleichen Einstellungen haben.
Lass es original, dann wirds überall gleich angezeigt.

HomepageTerror

Mein Problem ist mein Hintergrundbild ist zumbeispiel genau in der Mitte auf meinem Pc. aber auf ein anderem Pc ist rechts ein größerer Abstand als Links und liegt nicht genau in der Mitte.

Gebby

Dein Problem sind deine (auch) sinnfreien Angaben zum body. Sieh dir die Grundlagen dazu nochmal an. http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

Sowas wie

Zitat

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;

Naja, irgendwo hatte ich das auch mal benutzt. Könnte sogar sein, das eine solche Leiche bei meinen Seiten auch noch existiert.

imRa

Code

html { background: url(grafikname.endung) no-repeat fixed center center; }

da es in html definiert ist wird es immer, unabhaengig von der inhaltsgroesse, mittig angezeigt.

Peet

Man könnte das Problem mit Javascript lösen, indem man die Bildschirmhöhe und Länge auslesen lässt. Dabei hätte man aber wiederum das Problem, dass nicht jeder Rechner Javascript richtig unterstützt oder die Browser es anders anzeigen. Also mit screen.width und screen.height somit könntest du dir dann die Position berechnen.

Tags