Notifikationer

Markér alle som læst Log ud

ra__mus Nybegynder

02. oktober 2009 - 13:55 Der er 21 kommentarer og
1 løsning

højde på webside

Jeg skal angive højden på min webside til 600 px, men npr jeg skrivder det i body eller yderste table sådan her height="600px" så sker der ikke noget. den fylder kun det tekst og billede fylder i højden. Hvad gør jeg forkert ?

Synes godt om

mall Nybegynder

02. oktober 2009 - 15:28 #1

Skriv din html og css :)

Synes godt om

jagdos Nybegynder

03. oktober 2009 - 21:47 #2

du skal også have en "overflow:hidden;" på før det virker :)

Synes godt om

ra__mus Nybegynder

06. oktober 2009 - 20:39 #3

overflow:hidden
Hvad betyder det ?

Synes godt om

ra__mus Nybegynder

06. oktober 2009 - 20:54 #4

her er html, og jeg vil have en fast højde på 600 px, og som det står nu er højden ikke 600px:
<body>

<table class="table1" cellspacing="0" cellpadding="0" height="600px">
<tr>
<td height="100%">
<table class="table2" cellspacing="0" cellpadding="0">
<tr><td> </td>
<td width="950px">
<table cellspacing="0" cellpadding="0">
<tr><td> </td></tr>
</table>

<table class="table2" cellspacing="0" cellpadding="0">

<tr>
<td width="2%" class="td2"> </td>
<td width="25%" class="td2" valign="top">
<table cellspacing="0" cellpadding="0" class="table3">
<tr><td> </td></tr>
</table>
</td>
<td width="2%"> </td>
<td width="71%" valign="top" style="BORDER-RIGHT: #CACACA 1px solid">
<table class="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="96%" class="td0"><br><H1 class="H1">XXXXXXXXXXXXXXXX</H1></td>
<td width="2%"> </td>
</tr>
</table>
</td>

</tr>

</table>

<center>
<table class="table5" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"> </td>
</tr>
</table>
</center>

</td>

<td> </td>

</tr>
</table>
</td>
</tr>
</table>

</body>

Synes godt om

keysersoze Ekspert

06. oktober 2009 - 22:06 #5

overflow: hidden; er CSS er betyder, at alt udover den definerede højde/bredde bliver skjult - det er derfor ikke umiddelbart det rigtige valgt til din udfordring.

Jeg er ret sikker på at du mangler en del af din kode - hvor er fx dine html-tag og din doctype?

Synes godt om

ra__mus Nybegynder

06. oktober 2009 - 22:07 #6

dem har jeg ikke taget med, da det vel ikke er der højden sættes..

Synes godt om

keysersoze Ekspert

06. oktober 2009 - 22:15 #7

korrekt - men invalid kode ét sted på dit site kan meget let ødelægger effekten af kode et andet sted.

Synes godt om

ra__mus Nybegynder

07. oktober 2009 - 08:40 #8

Okay her er hele koden:

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

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Title" content="">
<meta name="Description" content="">

<meta name="Keywords" content="">

<meta name="Robots" content="ALL">
<meta name="Revisit-after" content="5">

<link rev="made" href="">
<meta content="">
<meta name="Copyright" content="">
<meta content="dan" http-equiv="Content-language">
<meta content="none" http-equiv="Content-Script-Type">
<meta name="DC.Title" content="">
<meta name="DC.Description" content="">
<meta name="DC.Subject" content="">
<meta name="DC.Rights" content="">
<meta name="DC.Identifier" content="">
<meta name="DC.Publisher" content="">
<meta name="DC.Language" scheme="NISOZ39.50" content="dan">

<link rel="stylesheet" type="text/css" href="stylesheet.css">

</head>

<body>

<table class="table1" cellspacing="0" cellpadding="0" height="600px">
<tr>
<td height="100%">
<table class="table2" cellspacing="0" cellpadding="0">
<tr><td> </td>
<td width="950px">
<table cellspacing="0" cellpadding="0">
<tr><td> </td></tr>
</table>

<table class="table2" cellspacing="0" cellpadding="0">

<tr>
<td width="2%" class="td2"> </td>
<td width="25%" class="td2" valign="top">
<table cellspacing="0" cellpadding="0" class="table3">
<tr><td> </td></tr>
</table>
</td>
<td width="2%"> </td>
<td width="71%" valign="top" style="BORDER-RIGHT: #CACACA 1px solid">
<table class="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="96%" class="td0"><br><H1 class="H1">XXXXXXXXXXXXXXXX</H1></td>
<td width="2%"> </td>
</tr>
</table>
</td>

</tr>

</table>

<center>
<table class="table5" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"> </td>
</tr>
</table>
</center>

</td>

<td> </td>

</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

Og her er stylesheet.css :

body {background: #000000;}

.table1 {width:100%; border:0;}
.table2 {width:100%; border:0; background: #ffffff;}
.table3 {width:100%; border:0; background: #CACACA;}
.table5 {width:100%; border:0; background: #484848;}

.td0 {font-size:14px; font-family:arial; color:#000000;}
.td1 {font-size:12px; font-family:arial; color:#ffffff;}
.td2 {background: #CACACA;}
.td3 {background: #000000;}

A:hover { text-decoration: none; color:#ffffff; }
A {font-family:arial; font-size:12px; text-decoration: none; color:#000000; }

.link1 {font-size:12px; font-family:arial; color: #ffffff; background: #484848;}
.link3 {font-size:25px; font-family:arial; font-weight: bold; color: #000000; background: #ffffff;}
.link3:hover { text-decoration: none; color:#CACACA; }

.link17 {font-size:25px; font-family:arial; font-weight: bold; color: #000000; background: #F7EC34;}

.link2 {font-size:14px; font-family:arial; font-weight:bold; color: #000000; background: #ffffff;}
.link2:hover { text-decoration: none; color:#CACACA; }

.link4 {font-size:14px; font-family:arial; color: #000000; background: #ffffff;}
.link4:hover { text-decoration: none; color:#CACACA; }

.IMG {border: 0px solid;}

H1 {font-size:14px; font-family:arial; color:#000000;}
H2 {font-size:14px; font-family:arial; color:#000000;}
H3 {font-size:14px; font-family:arial; color:#000000;}
H4 {font-size:14px; font-family:arial; color:#000000;}

Håber jeg kan få et hint om hvor højden skal sættes på...

Synes godt om

keysersoze Ekspert

07. oktober 2009 - 09:29 #9

Hos mig bliver højden med din kode 600px - men skal koden være valid skal du benytte css i stedet for height-attributten, dvs fjern height-attributten og ændre din CSS til dette;

.table1 {width:100%; border:0; height:600px;}

Hvis det stadig ikke virker kan du evt prøve at lægge et link og fortæller i hvilket browser det ikke fungerer.

Synes godt om

ra__mus Nybegynder

07. oktober 2009 - 12:57 #10

her er link:

http://www.sevenparts.dk/her.html

er jeg ikke nødt til at sætte højde i procent på de underliggende tabeller for at det virker ??

jeg kører IE 7.0

Synes godt om

ra__mus Nybegynder

07. oktober 2009 - 13:01 #11

Jeg vil jo gerne have at det der IKKE er sort, fylder 600 px i højden, og det skal også være i toppen, nu er det rykket ned næsten midt på siden...

Synes godt om

keysersoze Ekspert

07. oktober 2009 - 13:23 #12

table1 fylder 600px fordi du har defineret det i din CSS - dine øvrige table og td skal selvfølgelig have lignende styles for at opfylde dine ønsker. Noget helt andet er så at man normalt ikke vil benytte tabeller til design.

Synes godt om

jagdos Nybegynder

07. oktober 2009 - 14:05 #13

Okay, glem det med overflow, jeg troede, at siden blev for høj :)!

Som siden er nu på http://www.sevenparts.dk/her.html så kan jeg få den til 600px ved at bruge

.table2 {
height:600px;
}

Synes godt om

ra__mus Nybegynder

07. oktober 2009 - 14:51 #14

Nu har jeg sat height:600px på table2 i stedet, og det ser rigtigt ud.
Hvorfor virker det ikke når jeg sætter height:600px på table1 istedet for på table2 ??

Synes godt om

keysersoze Ekspert

07. oktober 2009 - 18:05 #15

hvor skulle table2 ellers vide fra hvor høj den skulle være?

Synes godt om

jagdos Nybegynder

07. oktober 2009 - 18:28 #16

Parent elementet (table1) siger jo ikke noget om table2. Men hvis du fx havde sat table1 til 600px, og så table2 til 100%, så havde det også virket fordi at de 100% ville være i forhold til parent elementet.

Vil gerne anbefale dig at bruge Firebug plugin til firefox, det gør det 100 gange lettere at opdage sådan nogle ting :)

(Håber det er i orden jeg lægger et svar :))

Synes godt om

ra__mus Nybegynder

07. oktober 2009 - 20:58 #17

jo men hvis jeg sætter højde på table1 og ikke på table2 , så burde table1 da være 600 px.....??

jagdos
hvad gør firebug plugin ?

Synes godt om

keysersoze Ekspert

07. oktober 2009 - 22:19 #18

ja - og det bliver den også, det var derfor table2 ikke blev placeret i toppen af siden. Men hvordan du styler table1 er stadig ingen instruktion til hvordan de øvrige elementer skal se ud.

Synes godt om

jagdos Nybegynder

08. oktober 2009 - 08:41 #19

As he said :)

Firebug er et plugin der gør at du kan højreklikke på enhver hjemmeside, og så kan du se både koden, css og layoutet. Fx, kunne jeg se at table1 fyldte 600px, imens table2 næsten ingenting fyldte.

Det smarte ved firebug er så at du direkte kan ændre i koden, så man kan se hvad der ville ske hvis man ændrede en regel. Derfor var det nemt for mig at sætte table2 til 600px, og så med det samme se at det virkede...

Synes godt om

ra__mus Nybegynder

08. oktober 2009 - 14:38 #20

ok takker for svar.

jagdos
er der ikke noget lignende firebug plugin bare til IE ??

Synes godt om

jagdos Nybegynder

08. oktober 2009 - 15:34 #21

Tror jeg ikke...

Synes godt om

keysersoze Ekspert

08. oktober 2009 - 18:02 #22

nå - jamen mange tak for en yderst fair pointdeling.

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