Maksimal bredde på div?
Hej eksperter.Nu har jeg nørklet med det et stykke tid: Hvordan får man en div til at være så bred som den plads der er til rådighed? Jeg har forsøgt med width: auto; og det går også fint nok i IE6, men princippet fejler i Mozilla, Opera og
sikkert flere andre browsere.
Et eksempel: http://voller.dk/DivTest.htm
Konceptet er, at jeg har tre div-bokse.
Den grå kasse fungerer om en slags container for de to andre kasser. Dens bredde er 80%, sådan at den skalerer op og ned i bredde alt efter dens skærmplads der er til rådighed hos klienten.
Den røde kasse fungerer som menu og har en fast bredde på 140px + 2 gange 15px i padding. Godt nok.
Den grønne kasse er så problemet. Den skal have en variabel bredde, der gerne skulle være præcis lige så bred som den plads der er til rådighed i den grå kasse, minus den samlede bredde af den røde menu. Altså sådan at den røde og grønne kasse kan ligge med siden af hinanden i den grå kasse og ikke over eller under hinanden. Hvordan sætter man sådan en bredde?
Som jeg har sat bredden nu med auto, virker det helt perfekt i IE6 (måske er det rent teknisk forkert som det bliver vist, men æstetisk er det rigtigt), mens der er problemer i Opera og Mozilla, sikkert plus andre eller ældre browsere.. Test selv på den givne URL, eller se her:
http://www.voller.dk/DivIE6.gif
Det er, som jeg gerne vil have siden til at se ud.
I Opera er siden sådan her, med den grønne kasse under den røde:
http://www.voller.dk/DivOpera.gif
Mozilla har noget der der minder om Opera, men mangler den grå baggrund:
http://www.voller.dk/DivMozilla.gif
Igen: Hvordan skal man sætte bredden på den grønne kasse?
Mvh. Voller.