Brauche eure Hilfe!

Unique! · 2. Dezember 2012

Hallo Breadfish Community,

Ich habe soebend angefangen ein eigenes Design zu erstellen. Jetzt habe ich das Problem das der Hintergrund von dem Menü noch mit im Header steckt und das Menü auch das sollte am MainContainer angepasst sein also drauf liegen aber wie bekomme ich das hin? Hier mal die Seite damit ihr wisst was ich meine: Klick Mich Hart!

Hier auch nochmal den bisherigen CSS code:

Spoiler anzeigen

CSS

#header, #logo, .mainMenu, .mainMenu a, #footer {border: 0px;}.mainMenuInner {border: 0px !important;}#mainContainer {background: transparent url('$global.images.location$main.png');background-repeat: repeat-y;width: 990px;margin-left: auto;margin-right: auto;}#main {	width: 970px;}.mainMenu {position: relative;z-index: 95;top: -35px;padding-left: 30px;margin-left:31px;}#footer {background:  url('$global.images.location$footer.png');background-repeat: no-repeat;background-position: top;}#footerMenu {margin-left:10px;}#footerOptions {margin-right: 10px;}#header {	background:  url('$global.images.location$mbar.png');	background-repeat: no-repeat;	background-position: bottom;}#headerContainer {background:  url('$global.images.location$headerContainer.png');background-repeat: repeat-x;background-position: top;}#userPanel {background-image: url("$global.images.location$userPanel.png"); background-repeat: repeat-x; background-position: left top; max-width: 100%;min-width: 100%;width: 100%;}.userPanelInner {width: 980px; margin: 0 auto;}

Spoiler anzeigen

xGreekz7x · 2. Dezember 2012

das hier:

Code

.mainMenu {
position: relative;
z-index: 95;
padding-left: 30px;
margin-left:31px;
}

Unique! · 2. Dezember 2012

Das Menü ist einfach nur nen Stückchen weiter nach unten gerutscht aber dieses teil was da jetzt unter der SuFu ist das soll dahinter

xGreekz7x · 2. Dezember 2012

jetzt machste einfach der Header im ACP bißchen kleiner iwo steht da Höhe. dann musst du ca 36px weniger nehmen.

MfG

Unique! · 2. Dezember 2012

Jetzt habe ich in diesem Stückchen links und rechts ne kante die über den main bereich rausragt wie bekomme ich die weg hier der code nochmal dazu:

Spoiler anzeigen

CSS

#header, #logo, .mainMenu, .mainMenu a, #footer {border: 0px;}.mainMenuInner {border: 0px !important;}#mainContainer {background: transparent url('$global.images.location$main.png');background-repeat: repeat-y;width: 990px;margin-left: auto;margin-right: auto;}#main {	width: 970px;}.mainMenu {position: relative;z-index: 95;top: -8px;padding-left: 30px;margin-left:31px;}#footer {background:  url('$global.images.location$footer.png');background-repeat: no-repeat;background-position: top;}#footerMenu {margin-left:10px;}#footerOptions {margin-right: 10px;}#header {background:  url('$global.images.location$mbar.png');background-repeat: no-repeat;background-position: bottom;margin-top:5px;height: 170px;bottom: -36px;width: 990px;}#headerContainer {background:  url('$global.images.location$headerContainer.png');background-repeat: repeat-x;background-position: top;}#userPanel {background-image: url("$global.images.location$userPanel.png"); background-repeat: repeat-x; background-position: left top; max-width: 100%;min-width: 100%;width: 100%;}.userPanelInner {width: 980px; margin: 0 auto;}#search {	right: 0;	top: 113px;}

Spoiler anzeigen