Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 22.05.2011, 23:53
FabriceAbc FabriceAbc ist offline
TYPO3 Neuling
neuer user
Thread-Ersteller
 
Registriert seit: 22.05.2011
Beiträge: 8
FabriceAbc befindet sich auf einem aufstrebenden Ast
Frage Seite mittig zentrieren

Hallo liebe xhtml Freunde

Vorab möchte ich erläutern, dass ich ein absoluter Neuling im Bereicht html und css bin.
Also dann komme ich mal zu meinem Problem.
Ich schreibe für eine Arbeit in der Schule eine Webite.
Ich arbeite in TYPO3 und habe vor 4 Wochen als absoluter Neuling begonnen.
Ich habe nun eine einigermassen gute (für meine Anspröche) Website.
Ich scheitere jedoch daran diese korrekt zu zentrieren, unabhängig des Browsers und der Auflösung von den andern. Ich schicke euch nun mein html template script und mein css script. Bei mir funktionieren sie ziemlich gut, nur zentriert es nicht 100%ig genau und bei den andern stimmt es absolut nicht(abgeschnitten etc..) Ich bitte euch helft mir ich bin absolut am verzweifeln und muss Ende nächste Woche fertig sein. Ihr seit meine letzte Rettung

HTML template:


Zitat:
<html>
<head>
<title>Template fur Projectsite</title>
</head>
<body>
<!--###DOCUMENT_BODY###begin-->
<div id="banner">
</div>
<div id="newsticker">
<p> +++Das ist meine Projektarbeit. Vielen Dank fürs Anschauen!+++ </p>
</div>
<div id="menu">
<!--###MENU###begin-->
<!--###MENU###end-->
</div>
<div id="content">
<!--###CONTENT###begin-->
<!--###CONTENT###begin-->
</div>
<div id="service">
<!--###SERVICE###begin-->
<p>
projectsite.dyndns.org
</p>
<!--###SERVICE###end-->
</div>
<!--###DOCUMENT_BODY###end-->
</body>
</html>

Css script:


Zitat:
body {
font-family:verdana, sans-serif;
text-align:center;
padding: 0;
margin-left: 20px;
position:absolute;
width:1150px;
left:50%;
margin-left:-600px;
background-image: url(../img/Background.jpg);
background-repeat: repeat-x;
background-color:#9b7079;
}
div#banner {
position:absolute;
width:1150px;
height:250px;
background-image: url(../img/header.jpg);
}
div#menu {
position:absolute;
top:300px;
width:300px;
height:600px;
background-image: url(../img/menu.jpg);
}
div#newsticker {
position:absolute;
top:250px;
width:1150px;
height:50px;
background-image: url(../img/newsticker4.jpg);
}
div#content {
position:absolute;
top:300px;
height:600px;
left:300px;
width:850px;
background-image: url(../img/content.jpg);
}
div#service {
position:absolute;
top:850px;
left:300px;
width:850px;
height:50px;
background-color:#fff;
}
div#menu ul {
list-style-type:none;
line-height:150%;
}
div#menu ul li a {
font-size:16px;
color:#fff;
text-decoration:none;
}
div#content ul {
list-style-type:none;
line-height:150%
}
div#content ul li a {
color:#000000;
text-decoration:none;
}
div#content p, h1 {
padding-left:10px;
}
div#newsticker {
color:#fff;
text-align:center;
}
div#service {
text-align:center;
}
div#service p {
letter-spacing:5px;
}

so das wars..
Ich habe shcon versucht den ganzen Kram (=Body inhalt) in einen Container zu packen und diesen zu zentrieren, jedoch hat es mir dann die einzelnen Container in der Ansicht auseinandergeschoben und sie waren nicht mehr fixiert (???).
Wenn Ihr eine Lösung finden solltet nur raus damit oder am besten gleich in meinen Code einbauen und den ganzen gleich posten.
Ihr könnt mir auch mailen falls es Euch lieber ist unter: fabrice.koenig@hotmail.com

Ich danke euch für jede Hilfe!
Mit Zitat antworten
Sponsored Links