CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

nesredep Nybegynder

28. november 2003 - 17:26 Der er 16 kommentarer og
1 løsning

samme højde på 2 divs?

Halløj i skuret!

jeg sidder her og fedter med en omgang CSS layout.

nok ikke det smarteste man kan gøre i denne her sammenhæng men f*ck nu det :)

hvordan får jeg 2 givne <divs> til at have samme højde?

det er vel og mærke den div der indeholder mest der skal "måles" efter ... - dvs den div der er mest indhold i når siden loades.. den højde skal "begge" divs have :)

kom frisk med bud ..

og på forhånd tak.

Synes godt om

nesredep Nybegynder

28. november 2003 - 17:28 #1

det er så 2 <div>'s .. men det har i jo nok regnet ud :P

Synes godt om

skovenborg Nybegynder

28. november 2003 - 17:29 #2

Prøv at gøre ligesom her:
http://www.eksperten.dk/spm/433323

Altså med at sætte en div uden om :-)

Synes godt om

nesredep Nybegynder

28. november 2003 - 17:37 #3

hm, great .. - tester sgu lige :)

Synes godt om

nesredep Nybegynder

28. november 2003 - 17:44 #4

hmm, synes ikke rigtigt jeg kan få det til at virke.. - de 100% der reagerer den ikke meget på.

Synes godt om

nesredep Nybegynder

28. november 2003 - 17:57 #5

den div "udenom" reagerer slet ikke på de 2 divs inden i .. jeg kan give den en border - og selvom der er 2 divs indeni med masser af indhold, så ændrer det intet ved den udenomliggende-div :/

Synes godt om

skovenborg Nybegynder

28. november 2003 - 18:04 #6

kunne du vise et link eller noget kode???

Synes godt om

nesredep Nybegynder

28. november 2003 - 18:08 #7

ja, var lige igang :)

siden her > http://nes.r0x0r.dk/cms/

css'en har jeg lavet som document based, så vis kilde for koden :)

Synes godt om

skovenborg Nybegynder

28. november 2003 - 20:30 #8

er det den blå og grå der skal være lige høje??? For det er de jo i forvejen...

Synes godt om

nesredep Nybegynder

28. november 2003 - 20:34 #9

ja, nu er de fordi jeg har sat en fast højde.. men hvis alle har 100% ser det sådan her ud.. - prøv refresh engang :)

Synes godt om

grunken Nybegynder

28. november 2003 - 23:25 #10

indsæt disse par linier mellem <head> & </head>

<script type="text/javascript">
function tilpas(){
hoj1 = document.getElementById('content');
hoj2 = document.getElementById('navbar');

hoj1.style.height = (hoj1.offsetHeight>hoj2.offsetHeight)?hoj1.offsetHeight+"px":hoj2.offsetHeight+"px";
}
</script>

så opnår du vel det du ønsker :)

Synes godt om

nesredep Nybegynder

29. november 2003 - 00:09 #11

ja, næsten .. eller dvs, jeg fatter _intet_ af JavaScript, så kan du forklare hvordan jeg får det ned i nogle variabler jeg kan bruge således jeg kan style elementerne i document?

dvs

<div id="foo" style="height:<variabel px>">

kunne være great!

Synes godt om

grunken Nybegynder

29. november 2003 - 00:17 #12

faktisk skal føromtalte løsning vist se sådan ud :-)

<script type="text/javascript">
function tilpas(){
hoj1 = document.getElementById('content');
hoj2 = document.getElementById('navbar');

if(hoj1.offsetHeight>hoj2.offsetHeight)
hoj2.style.height=hoj1.offsetHeight+"px";
else
hoj1.style.height=hoj2.offsetHeight+"px";
}
</script>

og så havde jeg glemt at fortælle dig at du skulle kalde den ved onload af dokumentet

altså

<body onload="tilpas();">

ydermere er det faktisk nemt nok at ændre højden på en eksisterende div, du skal bare huske at du først skal kalde function/linien når elementet er loaded :-)

hvis vi tager dit ovenstående eksempel så skal du eks. bare tilføje lidt til din body :)

<body onload="document.getElementById('foo').style.height = "120px";>

og vupti :-)

Synes godt om

nesredep Nybegynder

29. november 2003 - 00:20 #13

det er satme god stil det der! :)

jeg har kun ca ledt efter et svar på mit problem sådan ca. siden kl 11 i morges.. - javascript gooks er ikke så nemme at få fat på åbenbart! :)

det virker fortrinligt.. - pissemange tak!

smid et svar du fortjener jo 1000 point :P

Synes godt om

grunken Nybegynder

29. november 2003 - 00:59 #14

Mærkeligt, der plejer netop herinde altid at være en javascript geek i nærheden ;D

Jeg kaster med glæde et svar...

og mhht. 1000 points, så er det du har sat på højkant mere end rigeligt...normalt plejer pointsatsen i denne kategori at være omkring 30 points :-)

Synes godt om

nesredep Nybegynder

29. november 2003 - 01:14 #15

argh, har du tid til et sidste svar? :)

<script type="text/javascript">
function tilpas() {
hoj1 = document.getElementById('content');
hoj2 = document.getElementById('navbar');
hoj3 = document.getElementById('mainframe');

hoj1.style.height=hoj3.offsetHeight+"px";
hoj2.style.height=hoj3.offsetHeight+"px";
</script>

kan du forklare hvorfor det der ikke giver hoj1 og hoj2 samme højde som hoj3 ?

når dokumentet er loaded self.. - dit svar før virkede fint, men har fundet ud af denne her måde er mere optimal! :)

Synes godt om

nesredep Nybegynder

29. november 2003 - 01:23 #16

damn, jeg er en torsk .. det virker jo også fint

har bare glemt } til sidste i scriptet.. - beklager, min dumhed :)

tak for hjælpen - det var sgu super :)

Synes godt om

grunken Nybegynder

29. november 2003 - 01:26 #17

okay ;D

kan se du klarede den selv :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS