margin-bottom existiert nicht?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
antworten
besucher
blaues rechteck
code
dank
dummer internet
funktionieren
haut
hintergrundfarbe
http
internet
mache
pixel
problem
rest
sagen
umsteigen
vier
webseite
-
CSS stylesheet sieht folgendermaßen aus:
<style type=\"text/css\"> body { background-color: #c4c4c4; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; width: 100%; height: 100%; } #box1 { background-color: #000099; height: 100%; width: 100%; position: absolute; } a:active, a:visited, a:hover, a:link, { color: #000ec4; size: 11px; } </style>
Ich habe nun also eine webseite, deren Hintergrundfarbe hellgrau ist. (#c4c4c4)
Jetzt mache ich 2 pixel Abstand von allen vier Seiten, um den Rest dann mit meiner \"box1\" auszufüllen (ein blaues rechteck).
Nun habe ich 2 Probleme:
1.Ich muss bei dieser Seite immer scrollen, das will ich nicht.
2.Bottom-margin scheint nicht zu funktionieren.
link: http://zeroriddle.lima-city.de/index2.htm
Ich wäre sehr erfreut, wenn ihr mir sagen könntet, was daran falsch ist.
Danke schon mal im vorraus für alle Antworten...
Beitrag geändert: 16.3.2008 22:49:10 von zeroriddle
Beitrag geändert: 16.3.2008 22:49:35 von zeroriddle -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
1. Ist doch klar. Wenn <body> einen margin hat, kannst du ihm nicht 100% height/width geben, dann musst du scrollen. Nimm ein bisschen weniger als 100%.
2. margin-bottom existiert auch nicht. Mach doch einfach height:95%, dann hast du auch 5% minus top-margin \"bottom-margin\".
Beitrag geändert: 16.3.2008 22:57:32 von pinguinfreund -
Ich habe nun also eine webseite, deren Hintergrundfarbe hellgrau ist. (#c4c4c4)
Jetzt mache ich 2 pixel Abstand von allen vier Seiten, um den Rest dann mit meiner \"box1\" auszufüllen (ein blaues rechteck).
Nun habe ich 2 Probleme:
1.Ich muss bei dieser Seite immer scrollen, das will ich nicht.
2.Bottom-margin scheint nicht zu funktionieren.
link: http://zeroriddle.lima-city.de/index2.htm
Ich wäre sehr erfreut, wenn ihr mir sagen könntet, was daran falsch ist.
Danke schon mal im vorraus für alle Antworten...
Beitrag geändert: 16.3.2008 22:49:10 von zeroriddle
Beitrag geändert: 16.3.2008 22:49:35 von zeroriddle
Klar kein Problem:
<style type=\"text/css\"> body { background: #c4c4c4; margin: 0px; } #box1 { background: #000099; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; } a:active, a:visited, a:hover, a:link, { color: #000ec4; size: 11px; } </style>
Ich sehe zwar ein ,dass das jetzt nicht sooo sauber ist aber es funktioniert. Im IE konnte ich es nicht Prüfen aber im FF klappts.
Beitrag geändert: 16.3.2008 23:18:13 von ketchupfleck -
<style type=\"text/css\"> body { background: #c4c4c4; margin: 0px; overflow: hidden; } #box1 { background: #000099; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; overflow: auto; } a:active, a:visited, a:hover, a:link, { color: #000ec4; size: 11px; } </style>
Das funzt auf jeden im IE7, wie das mit den anderen ausschaut weiß man nicht so genau... WinTendo halt!
Aber ich habe noch 2 Änderungen vorgenommen, dann scrollst du nur in deiner \"Box\"... -
in meiner version vom IE funktioniert es nicht...hab version 6.0 glaub ich.
Beitrag geändert: 16.3.2008 23:32:12 von iron13 -
Dummer Internet Explorer.
hab die variante von kleinereisbaer666 mal (wie orginell) als index3 abgespeichert:
http://zeroriddle.lima-city.de/index3.htm
und wenns jetzt nicht passt im IE 1-6, dann ist es auch egal. Dann sag ich meinen Besuchern eben, sie sollen auf Firefox umsteigen.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
