Notifikationer

Markér alle som læst Log ud

pnr Nybegynder

22. marts 2005 - 13:58 Der er 18 kommentarer og
1 løsning

Hjælp til at få det hele op i toppen af siden

Jeg har en side som gerne skulle have height 100%, mit problem er bare at når jeg laver height 100% spreder den min table ud over helesiden. Hvordan kan jeg justeret dette.

Link til siden http://test.ibil.dk

Synes godt om

olebole Juniormester

22. marts 2005 - 17:03 #1

<ole>

Prøv til en start med:

form {
display: inline;
}

- i din CSS

/mvh
</bole>

Synes godt om

olebole Juniormester

22. marts 2005 - 17:05 #2

... og så nok også:
<td style="width:125px;height:70px;vertical-align:top">

Synes godt om

pnr Nybegynder

22. marts 2005 - 19:18 #3

Tak for dit svar.

Det gjorde desværre ikke nogen forskel

Synes godt om

olebole Juniormester

22. marts 2005 - 19:25 #4

Det er da noget 'fordrukkent sludder' ;o)
Jeg sidder her med din side og det fungerer fint med:

<td style="width: 125px; height: 70px;vertical-align:top"><img src="http://test.ibil.dk/images/pil.gif" style="width: 8px; height: 16px;" alt=""> FORSIDEN</td>

Synes godt om

mini-me Nybegynder

22. marts 2005 - 19:27 #5

OffTopic: Er der ikke lidt citroen.dk over det der ? ;-)

Synes godt om

pnr Nybegynder

22. marts 2005 - 19:33 #6

Det er alle elementerne på siden jeg skal have op mod toppen.

jo der er lidt citroen.dk over den.

Synes godt om

mini-me Nybegynder

22. marts 2005 - 19:43 #7

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

<html>
<head>
<title></title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style></head>
<body>

<form name="Form1" method="post" action="WebForm1.aspx" id="Form1">
<input type="hidden" name="__VIEWSTATE" value="dDwyMDE4OTI5MDg4Ozs+O94QCJQw5ridtuYqu1Mz0mx5YCw=" />

<table style="width: 100%; height: 100%" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 750px; border-bottom: WindowText 1.5pt solid; border-color: #FFFFFF; vertical-align: top;">
<table style="width: 100%" cellpadding="0" cellspacing="0">
<tr>
<td class="top_menu" style="width: 125px"> </td>
<td class="top_menu">OM FIRMA</td>
<td class="top_menu">|</td>
<td class="top_menu">AFDELINGER</td>
<td class="top_menu">|</td>
<td class="top_menu">BETINGELSER</td>
<td class="top_menu">|</td>
<td class="top_menu">KATALOG/KONTAKT</td>
<td class="farveskema" style="background-color: #FF6666;"> </td>
<td class="farveskema" style="background-color: #FF3333;"> </td>
<td class="farveskema" style="background-color: #FF0000;"> </td>
<td class="farveskema" style="background-color: #CC0000;"> </td>
<td class="farveskema" style="background-color: #990000;"> </td>
<td class="farveskema" style="background-color: #660000;"> </td>
</tr>
</table>
</td>
<td class="top_menu" style="border-bottom:WindowText 1.5pt solid;border-color : #FFFFFF;"> </td>
</tr>
<tr>
<td valign="top">
<table style="height:100%" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 125px;height: 100%; vertical-align: top;">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="venstre_menu_blaa">Emne 1</td>
</tr>
<tr>
<td class="venstre_menu_blaa">Emne 2</td>
</tr>
<tr>
<td class="venstre_menu_blaa">Emne 3</td>
</tr>
<tr>
<td class="venstre_menu_blaa">Emne 4</td>
</tr>
<tr>
<td class="venstre_menu_blaa">Emne 5</td>
</tr>
<tr>
<td class="venstre_menu_blaa">Emne 6</td>
</tr>
<tr>
<td class="venstre_menu_roed">NYHEDER</td>
</tr>
<tr>
<td class="venstre_menu_roed" style="border-bottom:WindowText 1.5pt solid; border-color: #FFFFFF;">TILBUD</td>
</tr>
<tr>
<td class="sidepanel"> </td>
</tr>
<tr>
<td class="sidepanel" align="center">Søg i alle kategorier</td>
</tr>
<tr>
<td class="sidepanel" style="height: 5px;"><img src="images/space.gif" style="width: 1px; height: 1px;" alt=""></td>
</tr>
<tr>
<td class="sidepanel" align="center"><input name="sog" type="text" id="sog" class="input" style="width: 100px" /></td>
</tr>
<tr>
<td class="sidepanel" style="height: 5px;"><img src="images/space.gif" style="width: 1px; height: 1px;" alt=""></td>
</tr>
<tr>
<td class="sidepanel" align="right"><input type="submit" name="soeg" value=" Søg " id="soeg" class="knap" />  </td>
</tr>

<tr>
<td class="sidepanel" style="100%"> </td>
</tr>
</table>
</td>

<td style="width: 500px;">
<img src="images/space.gif" style="width: 496px; height: 275px;" alt="">
</td>

<td style="width: 125px; height: 100%; background-color: #CBCBCB; vertical-align: top"> </td>
</tr>
</table>
</td>
<td style="background-image:url(images/space.gif); background-color: #666666; background-repeat: no-repeat; border-left: WindowText 1.5pt solid; border-color: #FFFFFF;"> </td>
</tr>
</table>
</form>

</body>
</html>

Synes godt om

olebole Juniormester

22. marts 2005 - 19:47 #8

Det er jeg ikke sikker på vil lykkes for dig i IE. Den er ofte en klovn til den slags.

Til en start skal du dog rette nogle ting. CSS-standarden foreskriver, at når et element får sat en relativ højde (en højde i procent), skal denne beregnes udfra det omkransende elements højde - som altså explicit skal være sat. Sådan en holder med andre ord ikke:
<td>
<table style="height:100%">
- cellen skal have sat en højde, før det må kunne lykkes.

Synes godt om

mini-me Nybegynder

22. marts 2005 - 19:48 #9

hov jeg har da vist misforstået spørgsmålet, ignorer bare mit indlæg :)

Synes godt om

pnr Nybegynder

22. marts 2005 - 19:56 #10

I Netscape ser det næsten rigtigt ud, dog skal den mørke grå baggrund til højre gå helt ned til bunden. Men hvordan får jeg det til at se korrekt ud i IE?

Synes godt om

pnr Nybegynder

23. marts 2005 - 08:18 #11

Jeg har nu endelig fået det hele op i toppen af siden både i NS og IE :-) Jeg satte en height: 100% i min body i css filen.

Nu er mit problem bare at i IE får jeg scroll selv om indholdet på siden ikke fylder skærmen ud. I NS og andre browser fylder den ikke siden ud i højden.

Synes godt om

pnr Nybegynder

23. marts 2005 - 13:26 #12

Er der mere hjælp her?

Synes godt om

pnr Nybegynder

27. marts 2005 - 20:58 #13

HALLO

Synes godt om

pnr Nybegynder

29. marts 2005 - 10:00 #14

Jeg er meget glad for jeres hjælp indtil nu, men jeg mangler lidt mere af jeres ekspertise. Er der mulighed for at i kan hjælpe mig til ende med mit problem? Ellers så smid lige nogle svar så vi kan få afsluttet det her spørgsmål, så vil jeg omformulere mit spøgsmål og oprette det igen.

Synes godt om

pnr Nybegynder

29. marts 2005 - 12:04 #15

jeg har fundet følgende artikel: http://www.quirksmode.org/css/100percheight.html

den beskriver problemet, men jeg kan dog ikke få de løsningsforslag der er i artiklen til at virke på min side.

Dog hvis jeg indsætter:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

istedet for:

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

Så opføre siden sig som den skal i IE, NS, Mozilla og Opera. Vil i anbefale at jeg så bare bruger den "løse" doctype?

Synes godt om

olebole Juniormester

29. marts 2005 - 15:55 #16

Du skal naturligvis bruge den fulde:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- eller disabler de blot CSS i IE - dvs, at du skjuler dine CSS-fejl i stedet for at rette dem.
Har du rettet dine relative højder i henhold til, hvad jeg skrev i (22/03-2005 19:47:02)?

Synes godt om

pnr Nybegynder

30. marts 2005 - 07:58 #17

Jeg vil mene jeg at jeg har rettet den relative højde.

Men hvis man læser den artikel jeg har smidt et link til, skriver de at det er et problem at få en relativ højde som opføre sig korrekt i alle browser. Bla. kommer der ikke en løsning på hvordan man ved at køre strict doctype i IE slipper for en vertikal scrollbar.

Synes godt om

pnr Nybegynder

11. april 2005 - 09:36 #18

Er der mere hjælp her?

Synes godt om

pnr Nybegynder

14. juni 2005 - 08:40 #19

Jeg lukker....

Tak til alle der har deltaget.

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