Notifikationer

Markér alle som læst Log ud

c-sharp Nybegynder

20. april 2007 - 11:09 Der er 9 kommentarer og
1 løsning

div der altid skal være i bunden af en tabel celle

Jeg har en tabel hvor i at en af cellerne indeholder 2 div'er, den ene div skal altid være i toppen og den anden skal altid være i bunden. hvordan gør jeg det?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>dok</title>

</head>
<body>

<table style="border: solid 1px red">
<tr>
<td style="width: 500px;vertical-align: top">
<div>
Her er noget indhold
</div>

<div>
Denne skal altid være i bunden af siden
</div>
</td>
<td style="width:200px;height: 200px; vertical-align: top; background-color: Purple">Menu</td>
</tr>
</table>

</body>
</html>

Synes godt om

roenving Novice

20. april 2007 - 15:06 #1

Er det sådan noget, du søger:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>dok</title>
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{height:100%;width:700px;margin:0 auto;position:relative;}
#content{width:496px;padding: 0 2px; float:left;position:relative; height:100%;}
#menu{width:196px; padding:0 2px;background-color:purple;float:left;height:100%;}
#bund{height:34px; width:494px; border: 1px solid red; padding: 2px; position:absolute; bottom:0; left:0; text-align:center;}
#bundSkygge{height:40px;}
</style>

</head>
<body>

<div id="site">
<div id="content">
Her er noget indhold

<div id="bundSkygge">

</div>
<div id="bund">
Denne skal altid være i bunden af siden
</div>

</div>
<div id="menu">Menu</div>
</div>
</body>
</html>

Synes godt om

c-sharp Nybegynder

20. april 2007 - 17:57 #2

Mange tak for din kommentar!

Men du har glemt tabellen, den er rimlig nødvendig da det skal implementeres i en større løsning hvor den tabel er rimlig hårdt implementeret :-)

Synes godt om

roenving Novice

21. april 2007 - 01:51 #3

-- det var så med vilje, at jeg gik udenom tabellen, da det design, du viste efter mine begreber ville være nemmere at implementere uden tabellen (jeg brugte faktisk et par minutter på det, før jeg gik i gang med redesignet !-)

-- og hvis tabellen er overflødig og i vejen skal den vel fjernes ?-)

Synes godt om

c-sharp Nybegynder

21. april 2007 - 09:09 #4

Endnu engang tak for din kommentar ! ! !

Jeg er glad for at du prøver at råde mig i mit overordende design! Men problemet er nok ikke så simplet som det ser ud :-) Tabellen jeg bruger er rimlige hårdt integreret i min løsning, den bruges hovedsaglig fordi at jeg har 2 side stillede kolonner som skal følge hinanden i højden.

Men skal jeg konkludere at man ikke kan placere den div i bunden af en celle?

Synes godt om

roenving Novice

21. april 2007 - 10:01 #5

Ikke uden at du kan lave et positioneret block-level-element, der har en defineret højde ...

-- og efter lige at have kigget på det i andre browsere, opgav jeg tanken umiddelbart ...

-- jeg vil ikke forsværge, at det kan lade sig gøre, men ovenstående løsning kan jo også tilpasses dit ønske om elementer, der tilpasser sig i højden, enten ved at bruge et gammelt hack, hvor det element, der skal (se ud til, bliver det !-) følge med de andre ned bruger samme baggrund som et omkransende element, eller justere med javascript ved load-time !o]

Synes godt om

c-sharp Nybegynder

31. maj 2007 - 21:27 #6

Tak for dine kommentare, smidt svar så er der point :-)

Synes godt om

jhe-ting Nybegynder

01. juni 2007 - 00:36 #7

Hej! Jeg flikkede lige dette samme, måske er det noget i denne retning der virker i dit design:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>dok</title>

</head>
<body>

<table style="border: solid 1px red">
<tr>
<td style="width: 500px;vertical-align: top">
<div>
Her er noget indhold
</div>

</td>
<td rowspan="2" style="width:200px;height: 200px; vertical-align: top; background-color: Purple">Menu</td>
</tr>
<tr>
<td style="vertical-align: bottom">
<div>
Denne skal altid være i bunden af siden
</div>
</td>
</tr>
</table>

</body>
</html>

Synes godt om

c-sharp Nybegynder

12. december 2007 - 13:17 #8

roenving jeg mangler stadig et svar her ;)

Synes godt om

roenving Novice

13. december 2007 - 00:12 #9

Oki '-)

Synes godt om

roenving Novice

13. december 2007 - 16:01 #10

-- og tak for point ;~}

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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