zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Positionen in Firefox falsch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.07.2009, 09:50
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 10:16 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.07.2009, 10:16
Stefan Maier
neuer user
 
Registriert seit: 12.07.2009
Ort: Fürstenfeld, Steiermark
Beiträge: 29
maistc07 wird schon bald berühmt werden
Standard

position:relative; sollte deinen wünschen entsprechen.
ps: hintergrund und design bilder werden normal nicht mit img tags in das design gebracht sondern als hintergrund von divs genommen was nur im css gemacht wird...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.07.2009, 21:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2009
Beiträge: 2
ozero befindet sich auf einem aufstrebenden Ast
Standard

danke für deine nachricht werde das gleich ausprobieren und beim nächsten design die bilder auch als bg nehmen

MFG ozero
Mit Zitat antworten
  #4 (permalink)  
Alt 17.07.2009, 21:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zitat:
Zitat von maistc07 Beitrag anzeigen
position:relative; sollte deinen wünschen entsprechen.
ps: hintergrund und design bilder werden normal nicht mit img tags in das design gebracht sondern als hintergrund von divs genommen was nur im css gemacht wird...
Er sollte wohl besser generell auf absolute Positionierung verzichten. Denn so, wie es hier aussieht, braucht er das garnicht.

@ozero: mach dich mal schlau über Positionierung mittels Float/Clear und margin. Damit solltest du besser und leichter zum Erfolg kommen.

Geändert von regloh (17.07.2009 um 22:38 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 17.07.2009, 22:35
Stefan Maier
neuer user
 
Registriert seit: 12.07.2009
Ort: Fürstenfeld, Steiermark
Beiträge: 29
maistc07 wird schon bald berühmt werden
Standard

@regloh ja stimmt is mit richtig gesetzten floats natürlich leichter zu realisieren.
Hab vorhin bei der arbeit nur seinen post gelesen, den link aber nicht angeschaut.
Mit Zitat antworten
Antwort


Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 13:12
IE stellt div container falsch dar . Wurmpastete CSS 2 22.02.2007 09:55
div in div firefox Holger (HMR) (X)HTML 2 01.01.2005 13:44
div in div firefox Holger (HMR) CSS 3 29.12.2004 21:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:04 Uhr.