21. december 2009 - 20:12Der er
10 kommentarer og 1 løsning
problemer med <div
hej eksperter..
jeg har følgende: <div> <div>menu left</div><div> indhold</div> <div> menu right</div> </div>
så er problemet for mig, når fx. indhold boksen er 800 og menuerne kun fylder 500, så fortsætte baggrundene/rammerne ikke for de 2 menu bokser..
derfor vil jeg spørge om i kan hjælpe mig med at lave en eller anden css kode der kan gør at menu bokserne fylder hele siden? i mit tilfælde 800 px? altså så de skal følge med indhold boksen..
hvis indholdsboksen har den faste højde så sæt samme højde på de andre elementer - hvis højden er dynamisk og det skyldes et design-problem så læg så vidt muligt designet i din parent-div.
Altså jeg skulle nok have sagt at vi snakker om højden som er dynamisk.. altså så skal jeg bruge height: 100%;, men hverken 100% eller "auto" virker.. ved ikke rigtig hvad ellers kan bruges?
alle 3 bokser er dynamiske. det eneste problem er at "border-right" for left menuen ikke kommer med... resten er ikke noget problem.. indhold boksen er den boks der er højest, og har desværre ingen fast højde..
Du kan mig bekendt ikke vha css sætte alle 3 til at være lige høje når vi taler om at en eller flere kan have en dynamisk højde. Så enten skal det fixes med noget javascript, eller også (og formentlig bedst) skal du lave et baggrundsbillede og sætte ind i din parent div.
Det sker desværre ret ofte at man bliver nødt til at lave hovsa-løsninger fordi standarderne ikke er bygget til det behov der er i dag. Din udfordring kan løses på mange andre måder, men jeg vil umiddelbart mene at denne er den bedste.
Fremtiden er så småt på vej dels med HTML5 og ikke mindst med CSS3 - om noget i det kan løses din udfordring kan jeg ikke med sikkerhed svare på men jeg tror det ikke (selvfølgelig medmindre du bruger en tabel). Det er jo trods alt ikke et grafisk værktøj - men markup og style af markup.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.