Frage stellen
Ich habe für einen Bekannten ein Design umgesetzt und eingebaut in seine Webseite.
Soweit hat auch alles geklappt.
Nur komisch ist, dass wenn man auf die Website kommt oder wenn man sich ausgeloggt hat, der Div für den Content unter dem linken Menu steht, anstatt daneben zu stehen.
Im eingeloggtem Zustand ist alles anscheinend korrekt, denn da ist linkes Menu, dann Content in der Mitte und daneben rechtes Menu.
hier mal paar Screens zum ansehen...
http://www.vm-host.de/bilder/login.jpg
http://www.vm-host.de/bilder/login2.jpg
http://www.vm-host.de/bilder/ausgeloggt.jpg
hier nun der code der style.css
- Code: Alles auswählen
body {
background:url(img/spielearena/bg.png) repeat-x #370303;
color: #c0c0c0;
font-size: 12px;
font-family: sans-serif;
margin: 0;
padding: 0;
height:100%;
}
a {
color: #c0c0c0;
text-decoration: none;
}
a:hover {
color: #c0c0c0;
text-decoration: underline;
}
img {
border: 0;
}
input, select, textarea, select {
border: 1px solid black;
background-color: #ffffff;
font-weight: bold;
}
table {
text-align: left;
}
#main {
background-image:url(img/spielearena/main_bg.png);
background-repeat: repeat-y;
width: 1000px;
margin: 0px auto;
padding: 0;
position: relative;
}
#header {
background-image:url(img/spielearena/header_bg.jpg);
background-repeat: no-repeat;
position: relative;
width: 1000px;
height: 156px;
}
#navigation {
width:1000px;
clear:both;
height: 32px;
position: relative;
top: 42px;
left: 13px;
}
#contentwrap {
position:relative;
float:left;
margin: 0px auto;
width: 1000px;
background-image:url(img/spielearena/main_bg.png);
background-repeat: repeat-y;
z-index:0;
}
#konto_info {
position: relative;
width: 256px;
height: 116px;
background-image: url(img/design/kontoinfo.png);
z-index: 3;
right: 30px;
top: 20px;
}
#konto_text {
position: relative;
top: 30px;
width: 220px;
height: 70px;
left: 15px;
padding: 0;
border-collapse: collapse;
font-size: 10px;
}
/*#header_left {
position: relative;
width: 168px;
z-index: 1;
}*/
#leftmenu_head {
background-image: url(img/spielearena/menu_head.png);
background-repeat: no-repeat;
height: 48px;
width: 168px;
position: relative;
}
#leftmenu_middle {
background-image: url(img/spielearena/menu_middle.png);
background-repeat: repeat-y;
width: 168px;
position: relative;
}
#leftmenu_footer {
background-image: url(img/spielearena/menu_footer.png);
background-repeat: no-repeat;
width: 168px;
height: 30px;
position: relative;
}
#rotator {
position: relative;
top: 40px;
left: 225px;
z-index: 5;
}
#pinboard {
position: relative;
top:1px;
left:0px;
width:145px;
height:44px;
line-height:22px;
font-size:10px;
}
#login {
position: relative;
float:left;
left: 750px;
top:75px;
width: 230px;
height: 80px;
}
#pinboard_content {
position: relative;
height:44px;
font-weight: bold;
font-size: 10px;
line-height:22px;
color: #150185;
}
#pinboard_content a {
color: #150185;
}
#content {
position: relative;
float:left;
left: 15px;
width: 630px;
top: 0px;
}
*.box {
position: relative;
top:0px;
width: 630px;
left: 2px;
}
*.box_title {
text-align: left;
color: #e1ca69;
position: relative;
top: 23px;
left: 35px;
font-weight: bold;
}
*.box_head {
background-image: url(img/spielearena/content_head.png);
background-repeat: no-repeat;
height: 48px;
}
*.box_middle {
background-image: url(img/spielearena/content_middle.png);
background-repeat: repeat-y;
}
*.box_content {
text-align: center;
width: 560px;
}
*.box_footer {
background-image: url(img/spielearena/content_foot.png);
background-repeat: no-repeat;
height: 30px;
}
#leftmenu {
position: relative;
float:left;
left: 13px;
width: 168px;
}
#leftmenu_title {
color: #e1ca69;
text-align: left;
position: relative;
top: 23px;
left: 35px;
font-weight: bold;
}
*.menucontent {
font-size: 14px;
font-family: Tahoma Regular;
line-height: 22px;
width: 135px;
color: #e1ca69;
}
*.submenucontent {
position:relative;
font-size: 14px;
font-family: Tahoma Regular;
line-height: 22px;
position: relative;
left: 20px;
width: 145px;
color: #e1ca69;
}
*.submenucontent a {
display: block;
color: #e1ca69;
font-weight:normal;
line-height:22px;
}
#shoutbox {
height: 520px;
width: 480px;
background: url(img/design/bg.jpg) repeat-x #ffffff;
}
#rightmenu {
position: relative;
float: right;
width: 168px;
right: 13px;
}
#rightmenu_title {
text-align: left;
position: relative;
top: 23px;
left: 35px;
font-weight: bold;
}
#rightmenu_head {
background-image: url(img/spielearena/menu_head.png);
background-repeat: no-repeat;
height: 48px;
}
#rightmenu_middle {
background-image: url(img/spielearena/menu_middle.png);
background-repeat: repeat-y;
width: 168px;
line-height:22px;
}
#rightmenu_bottom {
background-image: url(img/spielearena/menu_footer.png);
background-repeat: no-repeat;
width: 168px;
height: 30px;
}
*.rightmenucontent {
position: relative;
width: 145px;
top: 0px;
left: 15px;
text-align: left;
font-size: 14px;
font-family: Tahoma Regular;
line-height: 22px;
color: #e1ca69;
}
*.rightmenucontent a {
display: block;
}
*.wiw_admin {
color: #ff0000;
font-weight: bold;
}
*.wiw_male {
color: #429afc;
}
*.wiw_female {
color: #f196f9;
}
#footer {
clear:both;
margin:0px auto;
background-image: url(img/spielearena/footer.png);
background-repeat: no-repeat;
width: 1000px;
height: 50px;
position: relative;
}
*.footer_content {
position: relative;
text-align: center;
top: 10px;
}
#nickpage_text {
text-align: left;
position: relative;
left: 25px;
}
#nickpage_avatar {
position: absolute;
right: 50px;
top: 50px;
}
#showpn {
visibility: hidden;
width: 350px;
height: 100px;
border: 1px solid #000;
background-color: #ffffff;
position: absolute;
z-index: 5;
top: 250px;
left: 100px;
padding: 10px 10px;
}
.mooquee {
border: solid 2px #C0C0C0;
padding: 5px;
/* don't change */
position: relative;
overflow: hidden;
white-space: nowrap;
}
.mooquee-text {
/* don't change */
position: relative;
}
.games_bold {
font-weight: bold;
color: #7CFC00;
}
.games_red {
color: #FF0000;
font-weight: bold;
}
#globalticker {
top: 180px;
left: 220px;
z-index: 5;
height: 20px;
width: 500px;
}
#maxi {
position: absolute;
left: 508px;
top: 77px;
}
#maxi2 {
position: absolute;
left: 510px;
top: 79px;
}
Hat vielleicht irgendjemand eine Idee, was und wo ich da was falsch gemacht habe?
Ich wäre Euch sehr für Hilfe dankbar!