Lost Crusade Homepage Frage

03/24/2012 20:57 DerJumbo#1
Wenn ich auf news klicke dann ist der Main header und der content verschoben. Wie behebe ich das das das so ist wie wenn man auf die seite geht?

Hier nochmal ein Screen:


[Only registered and activated users can see links. Click Here To Register...]
03/24/2012 21:05 Sticky.#2
größe ändern
03/24/2012 21:09 sliox#3
Nein ? Du änderst einfach den Standpunkt in der main.css fertig
03/24/2012 21:10 DerJumbo#4
kannste mir bitte sagen wo?

Hier ist die Datei :

PHP Code:
/* CSS Document */

a:linka:visited {
    
color#a4d226;
    
text-decorationnone;
}

a:hovera:active {
    
text-decorationunderline;
}

body {
    
width1066px;
    
background#111111;
    
margin0 auto;
    
font-size12px;
    
font-familyVerdana;
    
color#fff;
}

img {
    
bordernone;
}

ulli {
    
margin0;
    
padding0;
    list-
stylenone outside;
}

h1 {
    
font-familyVerdana;
    
font-size16px;
    
font-weightnormal;
    
color#333;
    
margin0;
    
margin10px 0px 10px;
}

h2 {
    
font-familyVerdana;
    
font-size15px;
    
font-weightnormal;
    
color#fff;
    
margin0;
    
margin10px 0px 10px;
}

h3 {
    
font-familyVerdana;
    
font-size14px;
    
font-weightnormal;
    
color#fff;
    
margin0;
    
margin10px 0px 10px;
}

inputselecttextarea {
    
font-size12px;
    
font-familyVerdana;
    
color#333;
    
bordernone;
}

input[type=text], input[type=password] {
    
width131px;
    
height25px;
    
backgroundurl('../img/textbox.png'repeat-x;
    
padding-left5px;
    
padding-right5px;
}

input[type=text]#txtsmall {
    
width29px;
    
height25px;
    
backgroundurl('../img/textbox_small.png'repeat-x;
    
padding-left5px;
    
padding-right5px;
}

input[type=text]#txtbig {
    
width330px;
    
height25px;
    
backgroundurl('../img/textbox_big.png'repeat-x;
    
padding-left5px;
    
padding-right5px;
}

input[type=button], input[type=submit] {
    
backgroundurl('../img/buttonbg.png'repeat-x;
    
color#fff;
    
height24px;
    
padding-bottom3px;
    
cursorpointer;
}

input[type=button]:hoverinput[type=submit]:hover {
    
background-imageurl('../img/buttonbg_hover.png');
}

input[type=button]#nostyle, input[type=submit]#nostyle {
    
backgroundnone;
    
color#1b76e6;
    
heightauto;
    
cursorpointer;
    
padding0px;
}

input[type=button]#nostyle:hover, input[type=submit]#nostyle:hover {
    
backgroundnone;
    
text-decorationunderline;
}

select {
    
width141px;
    
height25px;
    
backgroundurl('../img/textbox.png'repeat-x;
    
padding4px 5px 4px 5px;
}

select option {
    
background#ccc;
}

textarea {
    
width340px;
    
height140px;
    
backgroundurl('../img/textarea.png'no-repeat;
    
padding5px;
}

table td#key {
    
font-weightbold;
}

table td#value {
    
font-weightnormal;
}

div.success {
    
width93%;
    
color#3C0;
    
margin-bottom10px;
    
padding8px;
    
padding-left30px;
    
background#DFD url('../img/success.png') left center no-repeat;
}

div.fail {
    
width93%;
    
color#C30;
    
margin-bottom10px;
    
padding8px;
    
padding-left30px;
    
background#FDD url('../img/fail.png') left center no-repeat;
}

.
navigation {
    
backgroundurl('../img/navigation.png'no-repeat;
    
width1066px;
    
height78px;
    
margin-top: -21px;
    
font-size14px;
    
line-height57px;
    
text-transformuppercase;
}

.
navigation ul {
    
padding-left40px;
}

.
navigation ul li {
    
floatleft;
    
margin-top21px;
}

.
navigation ul li a {
    
color#fff;
    
displayblock;
    
padding-left27px;
    
padding-right27px;
    
text-shadow1px 1px 2px #486300;
}

.
navigation ul li a:hover {
    
text-decorationnone;
    
backgroundurl('../img/navigation_hover.png'repeat-x;
}

.
content {
    
width946px;
    
backgroundurl('../img/content_bg.png'repeat-y;
    
padding30px 60px 20px 60px;
}

.
content .main {
    
floatleft;
    
width635px;
}

.
content .main h1 {
    
width610px;
    
height43px;
    
backgroundurl('../img/main_headline.png'no-repeat;
    
font-size14px;
    
line-height47px;
    
padding-left25px;
    
color#fff;
}

.
content .main .site {
    
width585px;
    
min-height1px;
    
backgroundurl('../img/main_content.png'repeat-x;
    
padding20px 25px 20px 25px;
    
margin-top: -10px;
}

.
content .panels {
    
floatright;
    
width263px;
}

.
content .panels h1 {
    
width263px;
    
height42px;
    
backgroundurl('../img/panel_headline.png'no-repeat;
    
font-size14px;
    
line-height47px;
    
text-aligncenter;
    
color#fff;
}

.
content .panels .panel {
    
width213px;
    
min-height89px;
    
backgroundurl('../img/panel_content.png'repeat-x;
    
padding20px 25px 20px 25px;
    
margin-top: -10px;
}

.
copyright {
    
text-aligncenter;
    
color#fff;
    
margin-bottom20px;
    
font-size11px;
}

.
copyright a {
    
color#fff;
    
text-decorationunderline;
}

.
copyright a:hover {
    
text-decorationnone;

main_content.png ist das wo das Kategorie drinn steht.
main_headline.png ist das wo awdawd drinn steht.

was ist für die Höhe, was ist für die Breite zuständig?
03/24/2012 21:55 Marv!n#5
Man schaue sich die Vererbungen an, dann stellt man fest, dass es genügen würde, das <div class="site"> hinter das <h1> in der news.php zu ziehen - beides steht praktisch auf einer Stufe (nämlich im .content .main), sodass es - gemäß dem CSS-Quellcode - ohnehin fragwürdig ist, dass das .content .main h1 in der .content .main .site steht.

Bedarf dann aber ein bisschen an Grips, da an manche Stellen das <div class="site"> wieder geechot werden muss und da selbst einfaches PHP offenbar für den Großteil dieser Section ein Rätsel ist, rate ich dir, mit negativen Marginangaben an dem .content .main h1 zu arbeiten.

Schuld sind btw. die Padding-Angaben im .content .main .site, um deine Frage zu beantworten. Veränderst du aber diese Innenanstände, so verschiebt sich - logischerweise - auch der Newstext.
03/25/2012 21:21 DerJumbo#6
also was soll ich jetzt wo einfügen damit das normal ist?