Beiträge von HomepageTerror

HomepageTerror

Also dies ist mein Content - Code !

Code:

}
div.content {
overflow: auto;
position: absolute;
top: 260px;
left: 330px;
width: 630px;
height: 220px;
font-family: Arial;
font-size: 16px;
color: #000000;
}

Aber mit diesem Code ist der Content (Text) wenn ich (left) einstelle auf jedem Computer bzw. Brwoser anders positioniert, denn es verschiebt sich je nach Größe und passt dann mit dem Hintergrund bild nicht überein. Das Problem ist das bei der (left) Einstellung, das Content von ganz links anfängt. Hätte man vielleicht eine Möglichkeit das der Text genau in der Mitte liegt, sodass ich von da aus (left) einstellen kann? Denn dann ist es auch in jedem Brwoser bzw. Pc gleich positioniert und stimmt mit dem Background überein.
Hoffe mich klar ausgedrückt zu haben !

Liebe Grüße, HomepageTerror !

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.

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

Beiträge von HomepageTerror

Content in die Mitte positionieren !

Hintergrundbild anpassen, aber wie?

Hintergrundbild anpassen, aber wie?