Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.07.2010 um 23:36 (UTC)    
Titel: [Erledigt] Inhalt zentrieren, aber wie?

Abend,
ich bräuchte mal Hilfe in Sachen Inhalt zentrieren.
Wie zentriere ich meinen Inhalt, wie auf vanchan.de.tl?

Ich weiß, - es ist CSS! ;D

Gruß,
Fabian


Zuletzt bearbeitet von new-designs am 14.07.2010, 01:55, insgesamt 2-mal bearbeitet
Beitrag13.07.2010 um 23:44 (UTC)    
Titel:

Hi,
vielleicht könntest du das Element, dass zu positionieren ist, einmal posten?

Es gäbe folgende Möglichkeiten:

Element (Div-Klasse) zentrieren.
Zitat:
#class
{
standard-definierungen: xx;
position: absolute;
left: 50%;
margin-left: -100px;
}

Du müsstest dann -100px je nach Breite des Div's ändern.
Um das Ganze dann für alle Browser gleich darstellen zu lassen, musst du
dann alle Div's mit left: 50%; und margin-left: XX; definieren.

Text zentrieren:
Zitat:
#class
{
standard-definierungen: xx;
text-align: center; \* für Blocksatz "justify" verwenden */
}


Besser helfen, kann man, wenn man mehr Informationen hat.

Gruss
Riki
Beitrag13.07.2010 um 23:55 (UTC)    
Titel:

Für mein Inhalt auf New-Designs halt ..
Beitrag14.07.2010 um 00:16 (UTC)    
Titel:

new-designs hat Folgendes geschrieben:
Für mein Inhalt auf New-Designs halt ..

Ich werde dir mal was machen. Bitte gedulde dich noch ein wenig.
Werde dann diesen Thread editieren.

Soo, Edit:
Hab was kleines gemacht. Der Grundbau. Wenn du da Sachen machen möchtest
brauchst du die nur abzuändern.
Hab dir den Content gemacht, h1 & h2 definiert und die Textareas hab ich auch
passend gestaltet.

So sieht das aus:


Der Code (CSS):
Zitat:
#header {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #counter {display:none;} #nav_heading{display:none;} #nav_container{display:none;} h2#title span {display: none;} h1#header span {display: none;} body { background-color:#b5c4e3; } a:link { font-weight:normal; color:#0875aa; text-decoration:none; } a:visited { font-weight:normal; color:#0875aa; text-decoration:none; } a:focus { font-weight:normal; color:#053b58; text-decoration:underline; } a:hover { font-weight:normal; color:#053b58; text-decoration:none; }

table[height="102"] {
margin: 0px auto;
}

img {
border: 0px;
}

* {
padding: 0px;
margin: 0px;
}

body {
background: #000000;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
}

#content {
z-index: 1;
position: absolute;
top: 120px;
width: 480px;
left: 50%;
margin-left: -250px;
background-color: #FFFFFF;
border: 1px solid #dadada;
color: #000000;
min-height: 200px;
padding: 10px 10px 10px 10px;
}

hr {
border: 1px solid #000000;
padding: 0px;
margin-bottom: 10px;
margin-top: 5px;
}

h1 {
color: #000000;
font-family: Arial;
font-size: 25px;
font-weight: bold;
}

h2 {
color: #000000;
font-family: Arial;
font-size: 15px;
font-weight: normal;
}

a {
color: #000000;
font-family: Arial;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #dadada;
font-family: Arial;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

textarea, input {
border: 1px solid #000000;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
}


Die Farbcodes etc. kannst du bestimmt selbst ändern.

Gruss
Riki
Beitrag14.07.2010 um 00:55 (UTC)    
Titel:

Danke Wink
kann geschlossen werden.
Beitrag14.07.2010 um 10:19 (UTC)    
Titel:

Keine Ursache. Wink
Gerne wieder.

Gruss
Riki
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de