|
|||
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) |
Sponsored Links |
|
|||
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... |
Sponsored Links |
|
|||
Zitat:
@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) |
|
|
Ä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 |