Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 5
Seite [1]
der_kasperle


Try to beat me





Beiträge: 126
 # Thema - 18.01.2009 um 11:57 Uhr
hallo leute. ich möchte meine Seite zentiern. Aber ich bekommen es nicht hin das die linke und die rechte Spalte zu mitte einrücken. ich habe die mitte auf 70% begrenzt. und will das die seite mit einrücken. aber das machen die nicht. ich habe einen abstand von 3 bis 4 cm und bekomme den nicht weg. habe schon viel probiert mit margin und padding aber das klappt nicht? kann mir da mal einer helfen. wie ich das ganze problem ein besten lösen kann.


------------------
mfg der_kasperle
Inaktiv
GaHero


Poststar





Beiträge: 733
 # Antwort: 1 - 18.01.2009 um 12:05 Uhr
margin: 0px auto; müsste gehen (im äußersten Container/Tabelle der Page)


Inaktiv
|
der_kasperle
Thread-Ersteller


Try to beat me





Beiträge: 126
 # Antwort: 2 - 18.01.2009 um 12:08 Uhr
In der css Datei? wenn ja dann wo?

mehr... +-
/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */

body {
background-color:#222222;
color:#CCCCCC;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin: 20px;
text-align:center;
}
a:link, a:visited {
background-color:inherit;
color:#8C8C8C;
text-decoration:none;
}
a:active, a:hover {
background-color:inherit;
color:#B2B2B2;
text-decoration:underline;
}
div,span {
background-color:inherit;
color:#F2F2F2;
font-family:Verdana,Helvetica,sans-serif;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
img {
border:0px;
}
form {
display:inline;
}
td {
background-color:inherit;
color:#F2F2F2;
font-size:8pt;
vertical-align:top;
}
textarea {
width:90%;
}
ul {
margin:0px;
}

#nav-left,#content,#bottom {
float:left;
margin:auto;
}

#nav-left {
width:12%;
}
#nav-right {
float:right;
width:12%;
}
#content {
background-color:inherit;
color:#CCCCCC;
text-align:center;
width:76%;
}
#bottom {
background-color:#444444;
border:1px solid #C4C4C4;
color:inherit;
margin-top:20;
padding:4px 0px 4px 0px;
width:100%;
}
#head {


/*background-image: url(Rneu/bg.png);
background-repeat:no-repeat;
background-position:center;*/


/*background-color:#444444;*/
border:0px solid #C4C4C4;
color:#F2F2F2;
font-size:25pt;
height:200px;
margin-bottom:20px;
text-align:center;
width:100%;
}
#debug {
height:150px;
margin-bottom:20px;
overflow:auto;
padding-left:4px;
width:100%;
text-align:left;
}
#errors {
color:#CC0000;
}
#sql {
color:#666666;
}
.h1 {
color: #CCCCCC;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #CCCCCC;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #CCCCCC;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}




<!--
.form {
background-color:#383838;
border:1px solid #000000;
color:#8D8D8D;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}
-->

input, select, textarea {
background-color:#383838;
border:1px solid #000000;
color:#8D8D8D;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}


.forum {
background-color:#C4C4C4;
color:inherit;
margin:auto;
}
.headb {
background-color:#666666;
color:inherit;
font-weight:bold;
padding:4px;
text-align:left;
}
.bottom {
background-color:#333333;
color:inherit;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#666666;
color:inherit;
font-size:11pt;
font-weight:bold;
padding:4px 6px 4px 8px;
text-align:left;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#3E3E3E;
color:inherit;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#4C4C4C;
color:inherit;
padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
background-color:#444444;
border:1px solid #C4C4C4;
color:inherit;
padding:6px;
text-align:left;
}
.navhead,.navhead2 {
background-color:#777777;
border:solid #C4C4C4;
border-width:1px 1px 0px 1px;
color:inherit;
font-weight:bold;
padding:4px;
text-align:center;
}
.error_message_box {
border: 2px solid #660000;
background:#FFD3D3;
font-weight: bold;
padding: 10px 0;
margin: 0 auto;
}
.navbodyb,.navbody2b {
background-color:#444444;
border:1px solid #C4C4C4;
color:inherit;
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
}
.navbodyc {
background-color:#444444;
border:1px solid #C4C4C4;
color:inherit;
list-style:none;
padding: 2px 1px 2px 1px;
text-align:left;
}
.calhead {
background-color:#555555;
color:inherit;
padding:4px 2px 4px 2px;
text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
padding:4px 2px 4px 2px;
text-align:right;
}
.calday {
background-color:#666666;
color:inherit;
}
.calevent {
background-color:#A52A2A;<!--9E9E9E#444444;-->
color:inherit;
}
.caltoday {
background-color:#3E3E3E;
color:inherit;
}
.calweek {
background-color:#333333;
color:inherit;
}


------------------
mfg der_kasperle
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 3 - 18.01.2009 um 12:31 Uhr
nen link zur seite wäre ganz hilfreich =)

body {
background-color:#222222;
color:#CCCCCC;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:0 auto;
text-align:center;
}


und dann müsste es halt nochmal bei dem äusseren container hin,
aber dafür bräuchte ich erstmal nen link zur seite,
sonst kann ich dir ja nicht sagen welcher das ist =)


Zuletzt editiert von equaL ClanSphere Team am 18.01.2009 um 12:31 Uhr (1x Editiert)
Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 4 - 18.01.2009 um 12:31 Uhr
Geh in deine index.html, setze gleich unter dem <body> tag ein <div id="container"> und über dem Endtag </body> setzt du ein </div>.

Nun in der CSS Datei eine neue ID erstellen:


#container {
width: BreiteDeinerSeite;
margin: 0 auto;
}


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
der_kasperle
Thread-Ersteller


Try to beat me





Beiträge: 126
 # Antwort: 5 - 23.01.2009 um 13:40 Uhr
THX. Close


------------------
mfg der_kasperle
Inaktiv
|

Dieses Thema wurde von duRiel ClanSphere Team PM geschlossen.
Antworten: 5
Seite [1]