mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:42 Benutzername: Passwort: Auto-Login

Thema: HTML Seite/ CSS - Zentriert vom 21.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> HTML Seite/ CSS - Zentriert
Autor Nachricht
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst So 21.06.2009 18:59
Titel

HTML Seite/ CSS - Zentriert

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst So 21.06.2009 19:05
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst So 21.06.2009 20:34
Titel

Antworten mit Zitat Zum Seitenanfang

SUPER KLASSE! hat geklappt!

vielen dank.


Zuletzt bearbeitet von MarsVolta am So 21.06.2009 20:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst So 21.06.2009 20:54
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst So 21.06.2009 22:03
Titel

Antworten mit Zitat Zum Seitenanfang

wenn das ding nur einzeilig ist, könntest du der box eine linienhöhe geben, die genauso groß ist wie die box selbst.

Code:

line-height:25px;
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst Mo 22.06.2009 09:05
Titel

Antworten mit Zitat Zum Seitenanfang

funktioniert leider nicht... jetzt liegt er unten auf der box...
und hängt nicht merh am oberen rand...
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 22.06.2009 09:09
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
div.foobar {
  height:1.56em;
  line-height:1.56em;
}


* Keine Ahnung... *
  View user's profile Private Nachricht senden
MarsVolta
Threadersteller

Dabei seit: 17.12.2007
Ort: Wuppertal
Alter: 36
Geschlecht: Männlich
Verfasst Mo 22.06.2009 09:13
Titel

Antworten mit Zitat Zum Seitenanfang

ehm... ja?!

es funktioniert^^
was hab ich denn grad dann falsch gemacht?!?!
nun ja... es funktioniert - das reicht.

vielen dank!!! Lächel
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.