nicht angemeldet
- Ist es nicht möglich, einem <div> einen bestimmten Bereich zuzusprechen und dem nächsten <div> dann mitgeben, dass es "100%" des übrigen Bereiches nutzen soll?
Doch, kommt aber darauf an. Meinst du vertikal oder horizontal?
Bei absoluter Positionierung kannst du natürlich mit Prozentwerten arbeiten, z.B. dem einen Element 80% Höhe geben und den anderen 20%.
- Sehe ich das richtig, dass Firefox die 100% eines <div>'s vom Innenrand bestimmt? Ist also ein <div> mit einem 1-px-Rahmen, welches mit "width:100%;" aufgeblasen wird, absolut gesehen 100%+2px?
Ja, das ist CSS-Standard seit 1996. Nur der IE macht das falsch, wenn er im Quirks-Rendermodus arbeitet. Du solltest ihn mit einem vollständigen DOCTYPE (Dokumenttyp-Deklaration) in den standardkonformen Rendermodus bringen.
width:100% musst du aber i.d.R. nicht vergeben, weil ein Blockelement automatisch den gesamten zur Verfügung stehenden Platz einnimmt.
- Wenn ich einen Banner mit der Höhe "20%" habe und nun den Text darunter darstellen möchte, dann gebe ich diesem Platzhalter ja die Angaben "top:20%;left:20%;" mit (das menü ist auch 20% breit). Aber Menü und "Textbox" sind nicht genau gleich hoch. Was ist das Problem?`
Natürlich sind Menü und Textbox nicht gleich hoch - ein Element ist erstmal so hoch wie sein Inhalt, außer du gibst ihm eine feste Höhe.
Wenn Menü und Textbox den restlichen Platz auf dem Bildschirm einnehmen sollen, dann gebe ihnen height: 80%; und am besten overflow:auto, damit Scrollbars angezeigt werden, wenn der Inhalt nicht auf den Bildschirm passt.
Mathias