Autor |
Nachricht |
MarsVolta
Threadersteller
Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht:
|
Verfasst So 21.06.2009 18:59
Titel HTML Seite/ CSS - Zentriert |
|
|
Hallo Zusammen,
ich soll in der Schule ein dreispaltiges Layout für eine Website machen. Was ganz einfaches.
Nur will ich nicht, dass das gesamte Layout links oben ausgerichtet ist, sondern zentriert...
Was muss ich dafür tun?
Hierfür hab ich euch mal den CSS Code kopiert, vll könnt ihr mir anhand dessen sagen, was ich ändern muss.
Code: | <style type="text/css">
* {margin:0; padding: 0;}
p {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}
#mainbox {position:absolute;
left: 0px;
top: 0px;
height: 768px;
width: 1024px;
background-color:#FFFFFF;}
#logo {position:absolute;
left: 0px;
top: 0px;
height: 125px;
width: 250px;
background-color: #0033ff; }
#header {position:absolute;
left: 250px;
top: 0px;
height: 125px;
width: 774px;
background-color: #999999; }
#mainnav {position:absolute;
left: 0px;
top: 125px;
height: 618px;
width: 250px;
background-color: #999999;}
#content {position:absolute;
left: 250px;
top: 125px;
height: 618px;
width: 524px;
background-color: #CCCCCC; }
#news {position:absolute;
left: 774px;
top: 125px;
height: 618px;
width: 250px;
background-color: #010066; }
#footer {positionabsolute;
left: 0px;
top: 743px;
height: 25px;
width: 1024px;
background-color: #000000; }
.weiss {color: #FFFFFF;}
</style> |
[edit]
Bitte [code]-Tags verwenden.
Zuletzt bearbeitet von Smooth-Graphics am Mo 22.06.2009 11:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst So 21.06.2009 19:05
Titel
|
|
|
Code: |
#mainbox {
height: 768px;
width: 1024px;
background-color:#FFFFFF;
margin:0 auto;
position: relative;
}
|
Zuletzt bearbeitet von choise am So 21.06.2009 19:05, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
MarsVolta
Threadersteller
Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht:
|
Verfasst So 21.06.2009 20:34
Titel
|
|
|
SUPER KLASSE! hat geklappt!
vielen dank.
Zuletzt bearbeitet von MarsVolta am So 21.06.2009 20:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
MarsVolta
Threadersteller
Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht:
|
Verfasst So 21.06.2009 20:54
Titel
|
|
|
vll noch ne frage kurz:
der text im footer soll nicht nur zentriert stehen, sondern auch vertikal in der box zentriert sein.
mit vertical align komm ich da aber nicht weit... egal ob ichs im footer oder im p_footer angebe...
Code: | #footer{
position:absolute;
left: 0px;
top: 743px;
height: 25px;
width: 1024px;
background-color: #000000;}
.p_footer {
color: #FFFFFF;
text-align:center;} |
[edit]
Bitte [code]-Tags verwenden.
Zuletzt bearbeitet von Smooth-Graphics am Mo 22.06.2009 11:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst So 21.06.2009 22:03
Titel
|
|
|
wenn das ding nur einzeilig ist, könntest du der box eine linienhöhe geben, die genauso groß ist wie die box selbst.
|
|
|
|
|
MarsVolta
Threadersteller
Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht:
|
Verfasst Mo 22.06.2009 09:05
Titel
|
|
|
funktioniert leider nicht... jetzt liegt er unten auf der box...
und hängt nicht merh am oberen rand...
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 22.06.2009 09:09
Titel
|
|
|
Code: | div.foobar {
height:1.56em;
line-height:1.56em;
} |
|
|
|
|
|
MarsVolta
Threadersteller
Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht:
|
Verfasst Mo 22.06.2009 09:13
Titel
|
|
|
ehm... ja?!
es funktioniert^^
was hab ich denn grad dann falsch gemacht?!?!
nun ja... es funktioniert - das reicht.
vielen dank!!!
|
|
|
|
|
|
|
|
Ähnliche Themen |
[HTML] Div zentriert darstellen.
Blogger Seite an eine HTML Seite anpassen.
HTML-Seite als PDF
Seite strecken (html/css)
PDF in HTML seite automatisieren
.wmv als Stream in HTML-Seite?
|
|