Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.07.2009, 10:50
ozero ozero ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2009
Beiträge: 2
ozero befindet sich auf einem aufstrebenden Ast
Standard Div Positionen in Firefox falsch

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 markiertHomepage
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;
}

Geändert von ozero (17.07.2009 um 11:16 Uhr)
Mit Zitat antworten
Sponsored Links