Avatar billede kurdo Novice
21. december 2009 - 20:12 Der 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..

mvh
god jul. :)
Avatar billede keysersoze Ekspert
21. december 2009 - 20:15 #1
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.
Avatar billede Slettet bruger
21. december 2009 - 20:30 #2
width=100%;?
Avatar billede Slettet bruger
21. december 2009 - 20:31 #3
Eller rettere: width: 100%
Avatar billede kurdo Novice
21. december 2009 - 20:48 #4
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?
Avatar billede keysersoze Ekspert
21. december 2009 - 21:36 #5
hvilken udfordring er det du skal løse? Hvis det er grafisk så kig på mit forslag i #1.
Avatar billede kurdo Novice
21. december 2009 - 22:43 #6
Hej keysersoze

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..


hvad mener du med parent-div?
Avatar billede keysersoze Ekspert
22. december 2009 - 17:15 #7
parent div er den div de øvrige 3 er inde i.

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.
Avatar billede kurdo Novice
23. december 2009 - 00:10 #8
det var ikke det jeg ønskede mig, altså at bruge baggrundsbillede, men det virker fint. så derfor takker jeg mange gange. ;)

smid et svar for point..
mvh og god jul
Avatar billede keysersoze Ekspert
23. december 2009 - 00:26 #9
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.
Avatar billede kurdo Novice
23. december 2009 - 01:10 #10
okay, jamen så lad os håbe de udvide standarderne engang i fremtiden. og jeg takker igen..
Avatar billede keysersoze Ekspert
23. december 2009 - 01:25 #11
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.
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester