Notifikationer

Markér alle som læst Log ud

bremer Nybegynder

04. oktober 2008 - 15:54 Der er 15 kommentarer

Fra Tabel til CSS

Hej alle sammen,

Håber I kan hjælp mig til dette lille problem, som jeg sidder med.

jeg er ved at lære hvordan jeg få en tabel med 3 rakker og 1 kolonne og i div-tags - "Top", "indhold" og "footer".
"Top" og "footer" har en højde på 20px - men jeg ved ikke helt hvad jeg skal give "indhold" som størrelse, hvis jeg bare skriver i min css "height:100%;" bliver siden for stor... - jeg ønsker at mine div-tags skal se sådan her ud. (http://sandboxx.dk/test.html) så browserne tilpasser den aktuelle størrelse.

Håber I kan hjælp mig med dette her! :)

Synes godt om

olebole Juniormester

04. oktober 2008 - 16:10 #1

<ole>

Det er kun tabellen, der er beregnet til den slags - det kan du ikke med andre elementer. Du er nødt til at bruge JavaScript til at synkronisere højderne, hvorfor forsøg på at organisere indhold på den måde må betragtes som en designfejl ;o)

/mvh
</bole>

Synes godt om

ssv Nybegynder

04. oktober 2008 - 16:16 #2

Tjo, ellers kan du jo positionere det - således "top" og "footer" ligger over "indhold" - men det ikke en hensynsfuld måde at løse det på. Så ja, brug tabellen til denne opgave :-)

Synes godt om

olebole Juniormester

04. oktober 2008 - 16:48 #3

Løsningen er nok nærmere at lave et design, som egner sig til brug indenfor webteknologierne sådan, som de nu engang er indrettet ;o)

Synes godt om

bremer Nybegynder

04. oktober 2008 - 22:25 #4

Men hvis man så skal lave det hele i div og brug af unobtrusive scripting samt css der ikke er inline - hvad kunne en løsning så være...

Synes godt om

olebole Juniormester

05. oktober 2008 - 00:31 #5

At man laver et nyt design, som er velegnet til webbrug - på samme måde som bilhjul sjældent designes ottekantede. Det ville være uhensigtsmæssigt i forhold til deres forventede anvendelse ;o)

Synes godt om

bremer Nybegynder

05. oktober 2008 - 19:14 #6

Hvordan skal jeg få denne div til at være midt på siden

Min ser sådan ud:

<div id="body">

<table width="500" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>

Min CSS er sådan her ud:

#body {
padding:0px;
padding-bottom:60px;
}

Håber I kan hjælpe :)

Synes godt om

olebole Juniormester

05. oktober 2008 - 19:22 #7

Det kan man ikke med HTML/CSS. Du må lære at designe til WWW ... hvad der er muligt, og hvad der ikke er =)

Synes godt om

ssv Nybegynder

06. oktober 2008 - 10:38 #8

Men altså, du kan altid positionere dig ud af det - men som sagt tidligere, det er ikke hensynsmæssigt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
body, html { width: 100%; height: 100%; margin: 0; padding: 0; font: 11px/20px Verdana, Arial, Helvetica, sans-serif; }
.box { width: 100%; height: 20px; background: #000; position: absolute; z-index: 2; color: #fff; }
.indhold { width: 100%; height: 100%; position: absolute; z-index: 1; }
.indholdContent { position: absolute; width: 500px; top: 50%; left: 50%; height: 150px; margin: -75px 0 0 -250px; border: 1px solid #000; }
.bund { left: 0; bottom: 0; }
</style>
</head>

<body>
<div class="box">Top her</div>
<div class="indhold">
<div class="indholdContent">Indhold her</div>
</div>
<div class="bund box">Bund her</div>
</body>
</html>

Synes godt om

majbom Novice

08. oktober 2008 - 09:05 #9

tjek evt. denne artikel: http://www.maxdesign.com.au/presentation/process/

Synes godt om

olebole Juniormester

08. oktober 2008 - 11:11 #10

ssv + splazz >> man kender ikke højden på indholdet ;o)

Skærmen skal deles i tre vandrette striber: En i toppen med kendt højde - en i midten uden kendt højde - en i bunden med kendt højde. Det er kun tabellen, der er beregnet til dét ... ikke andre HTML-elementer =)

Synes godt om

majbom Novice

08. oktober 2008 - 13:00 #11

ja okay, jeg havde ikke læst/forstået hele spørgsmålet...

Synes godt om

bremer Nybegynder

17. december 2009 - 19:48 #12

Bare skriv et "svar" - de få point... -

Synes godt om

majbom Novice

04. november 2010 - 10:40 #13

kan vi lukke hér?

Synes godt om

bremer Nybegynder

29. april 2012 - 10:50 #14

send et svar

Synes godt om

majbom Novice

29. april 2012 - 15:19 #15

springer over...

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