:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Tabellen zentrieren in unterschiedlicher Auflösung

Antworten: 12

Seite [1]

Mr.Metzel

Rock the board

Beiträge: 56

# Thema - 31.12.2007 um 20:20 Uhr

Hallo ich mal wieder ^^

ich habe noch ein Problem. Ich habe alles soweit hinbekommen aber dann ist ein clanmate von mir auch mal auf die Seite gegangen. Bei mir mit einer Auflösung von 1024x768 ist alles Ok.

Dazu muß ich allerdings sagen das ich das Hintergrundbild auf margin:45% center hatte da wenn ich margin: center center eingebe es nicht synchron über dem anderen liegt obwohl ich die tabelle auch auf align="center" hatte.

Zurück zu meinem Clankollegen: Der hat ne Auflösung von 1280x768. Wenn der auf die Seite ging war das Hintergrundbild nicht synchron. Mir wurde schnell klar das das an margin:45% lag da dies ja bei verschiedenen Auflösungen zu unterschiedlichen ergebnissen führt.

Wenn ich die Tabelle jetzt statt auf Center auf Standart stehen lasse ist der Hintergrund wieder Synchron aber bei der höheren Auflösung ist Sie ganz auf der linken Seite und nicht in der Mitte.

Ich habe schon versucht die kompletten Tabellen in ein div zu packen und zu zentrieren aber das funkrioniert auch nicht oder ich mache was falsch.

Also wie bekomme ich es für beide Auflösungen gleich hin?

MfG

Mr.Metzel

Zuletzt editiert von Mr.Metzel am 31.12.2007 um 20:20 Uhr (1x Editiert)

Inaktiv

Fr33z3m4n

Medal of Honor

Herkunft: Hamm
Beiträge: 11094

# Antwort: 1 - 03.01.2008 um 12:51 Uhr

link ?

------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv

h4ze

Geekboy

Herkunft: Itzehoe
Beiträge: 1433

# Antwort: 2 - 03.01.2008 um 15:44 Uhr

margin: 45% ist totaler mist, margin: center gibts gar nicht

guck mal auf css4you.de, aber meiner meinung nach musst du das mit

1.	1. / 2. / ... margin: 0 auto;

machen.

ansonsten:

1.
2.
3.
4.

1. / 2. / ...

background-image:url(img/bla.jpg);
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;

------------------

gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"

Inaktiv

Fr33z3m4n

Medal of Honor

Herkunft: Hamm
Beiträge: 11094

# Antwort: 3 - 03.01.2008 um 17:29 Uhr

jop

margin: 0 auto; im body tag reicht schon

------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Inaktiv

Mr.Metzel
Thread-Ersteller

Rock the board

Beiträge: 56

# Antwort: 4 - 04.01.2008 um 22:08 Uhr

Das mit margin:0 auto; hatte ich auch versucht hat aber alles nicht gefunzt. Was wohl daran liegt das das wie gesagt meine erstes Design ist und ich so ziemlich alles an HTML und CSS zusammengewürfelt habe was es gibt. Habe das ganze jetzt mit einem einfachen <center> </center> gelöst. Trotzdem danke für die Antworten.

Kann das mischmasch der Grund sein wieso ich die Schriftart in der CSS zwar ändere aber das keine Auswirkungen auf die Page hat? Ich muß nämlich jetzt sämtliche .tpl dateien die ich nutze durchgehen und da die Schrift einstellen das Nervt.

Wobei komisch ist das ich die Hintergrundfarben sehr wohl verändern kann aber nicht die Schriftgröße...

Zuletzt editiert von Mr.Metzel am 04.01.2008 um 22:10 Uhr (1x Editiert)

Inaktiv

h4ze

Geekboy

Herkunft: Itzehoe
Beiträge: 1433

# Antwort: 5 - 04.01.2008 um 22:33 Uhr

lol, hör damit sofort auf! das geht in der css!

es kann sein, dass du dich überschreibst. das bitte einmal prüfen. aber ansonsten: schriftart und größe, etc. in der css ändern. nicht in den templates.

------------------

gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"

Inaktiv

Mr.Metzel
Thread-Ersteller

Rock the board

Beiträge: 56

# Antwort: 6 - 04.01.2008 um 23:14 Uhr

Ja aber ich hab das ehrlich versucht und ich habe nirgens davor was mit schriftarten gemacht aber in der css KANN ich das nicht ändern. Weiß der Geier wieso...

Inaktiv

h4ze

Geekboy

Herkunft: Itzehoe
Beiträge: 1433

# Antwort: 7 - 04.01.2008 um 23:33 Uhr

hast du in der css stehen:

body {
font-family: Verdana;
font-size: 11px;
}

bzw: link zur seite bitte!

------------------

gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"

Inaktiv

Mr.Metzel
Thread-Ersteller

Rock the board

Beiträge: 56

# Antwort: 8 - 04.01.2008 um 23:36 Uhr

Nein hab ich nicht. Hier mal die komplette CSS

Meine komplette CSS...

div,span {
background-color:inherit;
color:#E4E4E4;
font-family:Verdana,Helvetica,sans-serif;
}
img {
border:0px;
}
form {
display:inline;
}
textarea {
width:90%;
}
ul {
margin:0px;
}

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

#nav-left {
width:14%;
}
#nav-right {
float:right;
width:20%;
}
#content {
background-color:inherit;
color:#222222;
text-align:center;
width:66%;
}
#bottom {
background:#323242;
border:2px ridge #585858;
color:#C2C2C2;
margin-top:20px;
padding:4px 0px 4px 0px;
width:100%;
}
#head {
background:#323242;
border:2px ridge #585858;
color:#C2C2C2;
font-size:25pt;
height:100px;
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: #000000;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #000000;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #000000;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}
.form {
background-color:#252533;
border:2px ridge #585858;
color:#B3B3B3;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}
.forum {
background-color:#000000;
color:#FFFFFF;
margin:auto;
}
.headb {
background-color:#000000;
border:2px ridge #585858;
color:#E4E4E4;
font-weight:bold;
padding:1px;
text-align:left;
background-image: url(images/mainpic.jpg);
height: 19px;
}
.bottom {
background-color:#252533;
border:2px ridge #585858;
color:#C2C2C2;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#FFFFFF;
border:2px ridge #FFFFFF;
color:#E4E4E4;
font-size:11pt;
font-weight:bold;
text-align:left;
background-image: url(images/newspic.jpg);
height: 25px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 8px;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#000000;
border:2px ridge #585858;
color:#E4E4E4;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#000000;
border:2px ridge #333333;
color:#E4E4E4;
padding:4px 6px 4px 8px;
}
.shbgex {
background-image: url(images/shbgex.jpg);
height: 250px;
}

.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
background-color:#525262;
border:2px ridge #585858;
color:#F2F2F2;
padding:6px;
text-align:left;
}
.navhead,.navhead2 {
background-color:#224477;
border:2px ridge #585858;
color:#E4E4E4;
font-weight:bold;
padding:4px;
text-align:center;
}
.navbodyb,.navbody2b {
background-color:#323242;
border:2px ridge #585858;
color:inherit;
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
}
.calhead {
background-color:#323242;
border:2px ridge #585858;
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:#424252;
border:2px ridge #585858;
color:inherit;
}
.calevent {
background-color:#525262;
border:2px ridge #585858;
color:inherit;
}
.caltoday {
background-color:#626272;
border:2px ridge #585858;
color:inherit;
}
.calweek {
background-color:#727282;
border:2px ridge #585858;
color:inherit;
}
.sh1 {
background-image: url(images/sh1.jpg);
height: 19px;
}
.shend {
background-image: url(images/shend.jpg);
height: 30px;
}
.shbg {
background-image: url(images/shbg.jpg);
height: 250px;
}
.cbg {
background-image: url(images/counterbg.jpg);
height: 80px;
}
.ftxt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
}

A:LINK
{
color: red;
font-style: oblique
}

A:VISITED
{
color: red;
font-style: oblique;
}

A:ACTIVE
{
color: white;
text-decoration:
overline;
font-style: oblique
}

A:HOVER
{
color: blue;
font-style: oblique
}

Inaktiv

h4ze

Geekboy

Herkunft: Itzehoe
Beiträge: 1433

# Antwort: 9 - 05.01.2008 um 08:17 Uhr

füg mal meinen code von oben mit in die css ein. wo ist egal, ich würds ganz oben machen.

------------------

gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"

Inaktiv

Mr.Metzel
Thread-Ersteller

Rock the board

Beiträge: 56

# Antwort: 10 - 05.01.2008 um 23:09 Uhr

Eieieiei ich hab gemerkt wo mein Fehler war -.-
ich habe einfach nach font-size gesucht aber ich hätts einfach reinschreiben können und mit verschachtelten selektoren kenn ich mich jetzt auch prima aus ^^ Naja man lernt nie aus. Vielen Dank für den Denkansporn ^^

Aber wo du grad dabei bist xD
Wie Stelle ich es ein das bei den {news:navlist} statt 4 news nur 3 angezeigt werden?

Inaktiv

Ramires

Supporter

Herkunft: Waldeck
Beiträge: 1900

# Antwort: 11 - 05.01.2008 um 23:41 Uhr

/mods/news/navlist.php zeile 11

$cs_news = cs_sql_select(__FILE__,$tables,$select,$public,'ne.news_time DESC',0,4);

die vier am ende in Deine Wunsch Anzahl ändern,... ^^

------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...

Inaktiv

Mr.Metzel
Thread-Ersteller

Rock the board

Beiträge: 56

# Antwort: 12 - 06.01.2008 um 00:59 Uhr

cool VIELEN DANK!

Ihr seid wirklich alle SUPER

Inaktiv

Antworten: 12

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Design -> Templates -> Tabellen zentrieren in unterschiedlicher Auflösung