Autor |
Nachricht |
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Di 04.09.2007 14:12
Titel css - div positionierung |
|
|
hallo,
habe mir nen css layout gebastelt.
ich will wegen hintergrundtechnischen dingen meinen container(in dem sich die webseite befindet) um 200 px nach unten verschieben.
sollte dann wie auf www.mtv.com ausschauen.
leider knallt er mir dann die 200px unten mit ran.
also der scrollbalken wächst dann um 200px.
warum?
hier mein code:
css:
Code: | * {
margin:0;
padding:0;
}
body,html {
height:100%;
background-color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
#container {
background-color: #ffffff;
width: 1000px;
height: 100%;
margin: 0 auto;
text-align: left;
border-color:#FFFFFF;
border-style:solid;
border-width:5px;
margin-top:200px;
} |
weiß wer was?
|
|
|
|
|
denise2302
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 04.09.2007 14:17
Titel
|
|
|
weiß nich obs klappt aber geb mal noch margin-bottom: 0 an....
|
|
|
|
|
Anzeige
|
|
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Di 04.09.2007 14:43
Titel
|
|
|
nee..das geht ja nie...weil dann is ja der abstand oben flexibel..der soll aber fest sein...grüße nach leipzig!
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 04.09.2007 14:58
Titel
|
|
|
soll der gesamte container nach unten, oder nur der inhalt.
der vergleich mit mtv.com ist nicht wirklich hilfreich. hast du
eine version von der seite mit dem problem online??
|
|
|
|
|
denise2302
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Di 04.09.2007 15:05
Titel
|
|
|
und wenn du oben einfach irgendwie ein unsichtbares bild hinlegst?? geht das irgendwie?
zb:
<div id=space> <?php include ('space.html'); ?> </div>
bindest dann halt das bild mit include ein (falls du php hast) und auf der space seite liegt das transparente bild was 200 px hoch ist...
umständlich aber dürfte funktionieren...
|
|
|
|
|
emceechen
Dabei seit: 09.09.2005
Ort: Bad Kreuznach
Alter: 41
Geschlecht:
|
Verfasst Di 04.09.2007 15:49
Titel
|
|
|
Hallo!
Also die height:100%; machen dir auf jeden Fall irgendwann Probleme, da ja ein div eigentlich immer nur so hoch wie sein Inhalt ist. Wenn du dem 100% gibst wird er so groß wie der Anzeigebereich des Browserfensters, geht dein Inhalt darüber hinaus wird's problematisch.
Dann zentrierst du den Inhalt über margin:0px auto; und gibst dann noch ein margin-top, das halte ich nicht für so ganz optimal... Mach doch einfach einen div mit 200px oben drüber? Oder einen zweiten rein und dem container dann 200px padding von oben?
|
|
|
|
|
Sunlifestyle
Threadersteller
Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht:
|
Verfasst Di 04.09.2007 21:19
Titel
|
|
|
emceechen hat geschrieben: | Hallo!
Also die height:100%; machen dir auf jeden Fall irgendwann Probleme, da ja ein div eigentlich immer nur so hoch wie sein Inhalt ist. Wenn du dem 100% gibst wird er so groß wie der Anzeigebereich des Browserfensters, geht dein Inhalt darüber hinaus wird's problematisch.
Dann zentrierst du den Inhalt über margin:0px auto; und gibst dann noch ein margin-top, das halte ich nicht für so ganz optimal... Mach doch einfach einen div mit 200px oben drüber? Oder einen zweiten rein und dem container dann 200px padding von oben? |
jo..habe ich mir auch schon gedacht..das ich einfach ein leeres div reinhaue..zumal ich dann noch den vorteil eines werbehalters hät...
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE8 und die Positionierung
[CSS] Positionierung
Div Positionierung
CSS Positionierung ...
DIV Positionierung
CSS - Positionierung von Elementen
|
|