[phpBB2] Forum verschoben

Hallo ^^
(Ich hoffe, ich hab das hier richtig gepostet...)

Mein problem ist folgendes: Seitdem ich meinen Style geändert habe und dann mein altes CSS eingesetzt habe, hat sich mein Forum nach links verschoben.
( Es handelt sich um dieses Forum http://saw-rpg.forumotion.com/ )
Ich hab hier und im Internet schon nach einer Lösung gesucht, habe allerdings nichts gefunden und so langsam bin ich richtig am verzweifeln, da ich mein Forum gerne mittig hätte
Im CSS hab ich auch schon nach einer Stelle gesucht, hab da aber auch nicht wirklich was finden können....

Ich hoffe, ihr wisst was ich meine und könnt mir dabei helfen ^^'

Lg

Nun Du hast etwas in Deinem CSS stehen, schau bitte einmal nach der Class body (über die Suche), dort hast Du den Wert margin-left mit 35px eingesetzt.
Auch falsch der Wert heigh für den Body sowie weitere.

Nutze bitte einmal in Deinem CSS statt body die Class .bodylinewidth

Also statt...

Code:

body {
    background-repeat: repeat;
    font-style: italic;
    height: 370px;
    left: 35px;
    opacity: 0.7;
    position: relative;
    text-align: center;
    top: 50px;
    width: 850px;
}

eher so.

Code:

.bodylinewidth {
    font-style: italic;
    opacity: 0.7;
    width: 850px;
}

Hilft Dir das weiter?

LG inde

Danke für die Antwort ^^'

Ich hab jetzt in meinem CSS gesucht, habe die Stelle allerdings nicht finden können....
Vielleicht liegt es aber auch daran, dass ich einfach zu ungeschickt bin...^^'

Lg

Gehe bitte in deinem Adminbereich auf:
Anzeige Bilder & Farben Farben auf die Register Karte:
CSS Stylesheet

Poste bitte den Gesamten Inhalt dieser Karte hier zwischen zwei

Code:

[code][/code]

Tags hier.
Ich denke das du einiges dort drin hast, das du nicht brauchst und das auch Fehler enthält.

hier ^^

Code:

.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}

.nav a.nav img{
max-width: 0px;
}

body





.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 7px;
}


a.forumlink{
color:#000000;
background-color:#000000;
display:block;
width: 400px;
height: 13px;
text-align:left;
padding-top:5px;
text-transform: uppercase;
font-size: 10px;
font-weight:bolder;}

a.forumlink:hover{
background-color:#000000;}


.postbody {padding-left:40px;}

.postbody {padding-right:40px;}

/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/

/* Avatar für Gäste verbergen */
.avatar_hide img {
  display: none;
}
.avatar_hide a img {
  display: inline;
}

.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}

.nav a.nav img{
max-width: 0px;
}

body


.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 20px;
}


a.forumlink:hover{
background-color:#000000;}


/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/

.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}

.nav a.nav img{
max-width: 0px;
}

body



.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 7px;
}


a.forumlink{
color:#000000;
background-color:#000000;
display:block;
width: 100%;
height: 13px;
text-align: center;
padding-top:1px;
text-transform: uppercase;
  font-style: oblique;
font-size: 11px;
font-weight:bolder;}

a.forumlink:hover{
background-color:#000000;}


/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/

/* Avatar für Gäste verbergen */
.avatar_hide img {
  display: none;
}
.avatar_hide a img {
  display: inline;
}

/* Profilfeld-Namen */
.postdetails.poster-profile span.label {
  display: block;
  font-size: 15px;
  background-color:#000000
}
/* Profilfeld-Inhalte */
.postdetails {
  display: inline-block;
  font-size: 10px;
  text-align: center;
}

.online43{
background-color:#575757;
border-bottom-color:#363636;
border-style:solid;
border-bottom-width 3px;
border-left-color:#363636;
border-left-width:3px;
border-right-color:#363636;
border-right-width:3px;
border-top-color:#363636;
border-top-width 3px;
margin-bottom:3px;
padding: 3px 3px 3px 3px;
}

.postdetails.poster-profile a img {
  border: 6px solid #363636;
}


.signature_div {
    text-align: center;
}

.postbody {padding-left:90px;}

.postbody {padding-right:90px;}


a:hover {
  text-transform: uppercase;
font-size: 15px;
font-weight:bolder;
  font-style: oblique;
}

a[href] span strong {
   font-size: 13px !important;
  text-transform:uppercase !important;
    font-style: oblique
  }

/*** LASTPOST AVATAR ***/
.lastpost-avatar {
float: right;
padding: 15px;
}
.lastpost-avatar img{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  height:57px;
  width:38px
}


body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur970.cur), progress !important;}

}
.maintitle, .maintitle h1{
 font-weight: bold;
 font-size: 50px !important;
 font-family: Bad Script;
    margin-bottom: -25px;
}
th{font-variant: normal;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}

td.bodyline{border:5px dotted;}
td.spaceRow{border:10px; background-color: transparent; }
td.row1,td.row2,td.row3 {filter:Alpha(Opacity=50);}

.overlay {
    margin-top:-180px;
    width:130px;
    height:180px;
    background-color:black;
    opacity:0;
}
body{
background-repeat: repeat;
text-align:center;
font-style: italic;
}

.name:hover {
font-family: Verdana;
  font-size: 9px;
  text-transform: lowercase;
 letter-spacing: 1px;
  font-weight: lighter;
    background-image:url(\\\'\\\')
}





.forumlink {
font:14px arial;
font-style: italic;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
line-height:150%;
text-shadow: 1px 1px 0px #;
}


a.mainmenu{
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;  
text-shadow: 1px 1px 0px #;
color :
   border-top-left-radius: 7px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 8px;
}

a.mainmenu:hover {
  font-style: italic;
background: transparent;
background: url() repeat;
/* TRANSISITION */
transition: background 1000ms;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;
}

a.cattitle {
display:block;
font: 18px Bad Script;
font-style: bold;
font-weight: normal;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
line-height:25%;
text-shadow: 1px 1px 0px #;
}



.bodyline{
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

a.gen, a.genmed, a.gensmall {
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;  
text-shadow: 1px 1px 0px #;

}

a.gen, a.genmed, a.gensmall:hover {
  background-image:url(\\\'\\\');
  font-style: italic;
}

a.topictitle{
text-decoration: initial;
font: 12px orator std;
text-transform: lowercase;}

@font-face {
  font-family: \\\'Bad Script\\\';
  font-style: normal;
  font-weight: 400;
  src: local(\\\'Bad Script Regular\\\'), local(\\\'BadScript-Regular\\\'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fhsxEYwM7FgeyaSgU71cLG0.woff) format(\\\'woff\\\');
}

body
{
  opacity: 0.9
    




.header {
height: 370px;
width: 850px;
opacity: 0.7;
position: relative;
top: 50px;
left: 35px;
}

.teambild {
overflow: hidden;
opacity: 0.0;
transition-delay: 0.2s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}

.teambild:hover {  
opacity: 0.7;
}

h1 {
background-color: #2c2c2c;
font-family: 'Monda';
text-align: center;
font-size: 10px;
color: #969696;
line-height: 30%;
margin-top: 6px;
font-weigh: light;
text-shadow: 1px 1px 1px #692828;
}

.alink1 a {
color: #8b2e2e;
text-decoration: none;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}

.alink1 a:hover {
color: #2c2c2c;
background-color: #969696;
opacity: 0.6;
}

    .img3{width: 70px;height: 70px;box-shadow: 1px 3px 7px #000;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px; border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}.img3:hover{transform:scale(2.2) rotateY(360deg);-webkit-transform: rotate(45deg); z-index:2;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
      border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}


.lastpost-avatar { padding: 1px; padding-top: 1px;padding-left: -10px;}
.lastpost-avatar img {width: 55px;height: 55px;border: 0px solid;overflow:hidden;filter:alpha(opacity=70);opacity:0.7;
  -moz-opacity:0.7;-khtml-opacity:0.7;-opera-opacity:0.7; border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
  border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}

a:link, a:link:hover{text-decoration: none !important; }
a.forumlink:link, a.forumlink:visited { margin-top: -2px;display:block; text-align: center;margin-bottom: -8px;line-height: 80%;font-size: 18px; }



Du solltest dein CSS bitte mal auf Fehler hin untersuchen. Es fehlen dort einige Klammern und du solltest auch nach dem Bearbeiten eine Fehlermeldung dazu erhalten.
In deinem CSS ist die Class body mehrfach vorhanden.
Und dann schau mal an diese Stelle hier die sich ziemlich weit unten befindet:

Code:

body
{
  opacity: 0.9
   




.header {
height: 370px;
width: 850px;
opacity: 0.7;
position: relative;
top: 50px;
left: 35px;
}


Wenn du da mal genau hinsiehst, dann fehlt hinter opacity: 0.9 eine abschließende Klammer.
Deshalb werden die Eigenschaften, die für .header gelten sollen auf die gesamte Class body übertragen.

Überprüfe dein CSS bitte auf solche Klammerfehler und korrigiere diese bis du nach dem Absenden keine Fehlermeldung bezüglich der Klammern erhältst.
Prüfe bitte auch andere Zuweisungen die Mehrfach vorhanden sind und die so zusammen gefasst werden können.

Danke für die Hilfe. Hab es mir jetzt noch mal angesehen und die Klammerfehler ausgebessert. Jetzt klappt alles und es ist so, wie ich es haben wollte. Danke

Ich habe mir dein CSS von oben noch mal durch gesehen.
Dort sind einige Fehler drin.
Um eine bessere Übersicht zu erhalten, solltest du CSS Codes immer etwas Strukturiert einsetzen. Mal als Beispiel den Eintrag von img3 von dir:
So sieht es zur Zeit aus:

Code:

    .img3{width: 70px;height: 70px;box-shadow: 1px 3px 7px #000;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px; border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}.img3:hover{transform:scale(2.2) rotateY(360deg);-webkit-transform: rotate(45deg); z-index:2;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
      border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}


Und so solltest du das Strukturieren:

Code:

.img3{
width: 70px;
height: 70px;
box-shadow: 1px 3px 7px #000;
overflow:hidden;
border-bottom-left-radius: 40px 40px;
border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;
border-top-right-radius: 40px 40px;
}

.img3:hover{
transform:scale(2.2) rotateY(360deg);
-webkit-transform: rotate(45deg);
z-index:2;
overflow:hidden;
border-bottom-left-radius: 40px 40px;
border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;
border-top-right-radius: 40px 40px;
}


Beide Codes sind die selben, nur unten kannst du die Eigenschaften besser finden und es ist übersichtlicher.
So lassen sich einfacher Fehler vermeiden und auch finden.

Da jetzt alles deinen Wünschen entspricht, schließe ich das hier erst einmal und gebe dir mit auf den weg, beim Programmieren mehr auf übersichtliche Strukturen zu achten. Das wird auch in Zukunft nicht nur für dein Forum wichtig sein.