DIV-Abstand zu Browserrand
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
anpassen
antwort
attribut
ausprobieren
beschreibung
bringen
code
container
erstellen
forum
funktionieren
http
inhalt
liegen
problem
richtige antwort
test
wechsel
-
Ich bin gerade dabei von den veralteten <table>'s zu <div>'s zu wechseln. Leider taucht da das eine oder andere Problem auf. So möchte ich beispielsweise einen DIV-Container mit der Höhe 100% und 10px Abstand zum Browserrand erstellen. Unten hat er aber 0px Abstand, obwohl ich 10px eingegeben habe. Woran könnte das liegen?
Hier der Code:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> html { height:100%; } body { height:100%; margin:0px; padding:0px; } .main { margin: 10px; padding:10px; height:100%; border:1px solid #a0a0a0; } </style> <title>Beschreibung der Seite</title> </head> <body> <div class="main">Test</div> </body> </html>
Übrigens kann es sein, dass es im IE funktioniert. Ich habe es nur im Firefox ausprobieren können, da sich der IE wieder mal aufgehängt hat (auch 10 Neustarts bringen nichts) - aber wen wundert das schon
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du kannst keine relativen Höhenangaben machen mit CSS.
Lass einfach das height:100% weg und es sollte funktionieren. -
Theoretisch funktioniert es schon ohne das height-Attribut. Aber wie kann ich dann einem css-formatierten div eine Höhe von 100% zuweisen? Ich weiss, dass dieses Thema in den Foren oft behandelt wird, aber ich kann einfach keine richtige Antwort finden. Es muss doch eine Möglichkeit geben, ein DIV mit der Höhe 100% zu erstellen
-
Vielen Dank für deine Antwort.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
