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!