Hi
Ich versuche gerade eine neue Clan Homepage anzupassen, bisher habe ich die Websiten immer nur mit Tabellen gecodet wollte es aber bei diesem Design mal mit Div Tags probieren. Dabei habe ich im Firefox das Problem das wenn ich die Position Absolut setzte es die Position vom ganzen Fenster berrechnet und nicht die Position vom Div Tag darüber. Die Promblemzonen habe ich gelb und grün markiert
Homepage
Ich hoffe ich konnte alles verständlich erklären.
MFG ozero
Code:
.container {
height: 1100px;
width: 871px;
background-attachment: scroll;
background-image: url(images/bg.jpg);
background-repeat: repeat;
position: static;
top: auto;
margin-left: auto;
margin-right: auto;
}
#navi {
height: 34px;
width: 871px;
}
#buttonmain {
height: 34px;
width: 126px;
padding: 0px;
margin: 0px;
float: left;
}
#buttonclan {
height: 34px;
width: 120px;
float: left;
}
#buttoncom {
height: 34px;
width: 116px;
float: left;
}
#buttonmisc {
float: left;
height: 34px;
width: 109px;
}
#naviin {
float: left;
}
#funktionelinks {
float: left;
height: 902px;
width: 191px;
background-color: 141414;
padding-right: 3px;
}
.buttonsponsor {
height: 38px;
width: 191px;
float: left;
margin-top: 3px;
}
#mainsponsor {
height: 134px;
width: 191px;
}
#buttonsponsor {
height: 38px;
width: 191px;
margin-top: 3px;
vertical-align: top;
}
.redlight {
height: 5px;
width: 191px;
}
#loginbereich {
height: 90px;
width: 191px;
position: relative;
}
#username {
height: 30px;
width: 179px;
position: relative;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
vertical-align: top;
}
#password {
height: 32px;
width: 179px;
position: relative;
vertical-align: top;
margin-right: auto;
margin-left: auto;
}
#loginbuttons {
height: 24px;
width: 191px;
}
#lostpw {
float: left;
height: 14px;
width: 47px;
margin-top: 4px;
margin-left: 12px;
}
#loginbutton {
height: 14px;
width: 71px;
margin-top: 4px;
margin-left: 0px;
float: left;
}
#reg {
float: left;
height: 14px;
width: 50px;
margin-top: 4px;
}
#squadcontainer {
height: 232px;
width: 191px;
position: relative;
}#oursquadbutton {
height: 41px;
width: 191px;
position: relative;
}
#downloadscontainer {
height: 166px;
width: 191px;
position: relative;
}
#downloadbutton {
height: 39px;
width: 191px;
position: relative;
}
#pollcontainer {
height: 233px;
width: 191px;
position: relative;
}
#pollsbutton {
height: 38px;
width: 191px;
position: relative;
overflow: hidden;
}
#containermitte {
height: 175px;
width: 422px;
position: absolute;
float: left;
background-color: #FF3;
}
#containercontent {
height: 692px;
width: 484px;
position: absolute;
margin-top: 175px;
background-color: #3F0;
}
.contentheader {
height: 55px;
width: 477px;
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
position: relative;
}
#latestwarcontainer {
height: 175px;
width: 255px;
position: absolute;
margin-left: 423px;
}
#warbutton {
height: 38px;
width: 255px;
position: relative;
}
#containerrechts {
height: 727px;
width: 191px;
position: static;
float: right;
margin-top: 175px;
}
#newscontainer {
height: 167px;
width: 191px;
position: relative;
}
#newsbutton {
height: 39px;
width: 191px;
position: relative;
}
#latesttopiccontainer {
height: 166px;
width: 191px;
position: relative;
}
#topicbutton {
height: 38px;
width: 191px;
position: relative;
}
#roostercontainer {
height: 166px;
width: 191px;
position: relative;
}
#roosterbutton {
height: 38px;
width: 191px;
position: relative;
}
#ourpartnercontainer {
height: 225px;
width: 191px;
position: relative;
}
#partnerbutton {
height: 38px;
width: 191px;
position: relative;
}