Søg
Avatar billede wuppie Nybegynder
25. august 2005 - 08:58 Der er 7 kommentarer

Hjælp til height=100%

Hey..
Ganske enkelt kunne jeg godt tænke mig at mit design herunder fyldte hele skærmen, men det virker ikke rigtigt når jeg sætte height="100%", kan nogen hjælpe mig?

Christian
Avatar billede medions Nybegynder
25. august 2005 - 09:00 #1
<body style="height: 100%;">
<table style="height: 100%;">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>

//>Rune
Avatar billede medions Nybegynder
25. august 2005 - 09:00 #2
Alt på din tabel skal være 100% før det vil virke!

//>Rune
Avatar billede medions Nybegynder
25. august 2005 - 09:01 #3
hmm også selvf. også margin...:

<body style="height: 100%;" margin="0">
<table style="height: 100%;">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>
Avatar billede medions Nybegynder
25. august 2005 - 09:02 #4
Du kan dog hvis det kun er din højde du vil ha' fuldt ud skrive:

<body style="height: 100%; margin: 0px 0px 0px 0px;">
<table style="height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>

Nu skulle den gerne være der ;-)

//>Rune
Avatar billede wuppie Nybegynder
25. august 2005 - 09:07 #5
Ja det virker, men den bliver længere end bare min skærm opløsning :S..
Avatar billede medions Nybegynder
25. august 2005 - 09:53 #6
Jamen har du mere på din side end det jeg har skrevet?

//>Rune
Avatar billede medions Nybegynder
25. august 2005 - 09:59 #7
roenving har lavet et rint eksempel her du kan tage udgangspunkt i:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fuld højde simpelt med tabel</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/488278">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#banner{position:absolute;height:120px;width:100%;background:yellow;z-index:10;}
#baggrund{position:absolute;width:100%;height:100%;background:white;z-index:0;}
#menubag{position:relative;height:100%;width:175px;float:left;background:blue;}
#newsbag{position:relative;height:100%;width:150px;float:left;background:green;}
#rightbag{position:relative;height:100%;width:175px;float:right;background:red;}
#main{position:absolute;width:100%;height:100%;background:transparent;}
#spacer{height:120px;}
table{border:0px;border-collapse:collapse;}
td{margin:0px;border:0px;padding:0px;text-align:center;}
</style>
</head>
<body>
<div id="banner">Banner</div>
<div id="baggrund">
<div id="rightbag"></div>
<div id="menubag"></div>
<div id="newsbag"></div></div>
<div id="main">
<div id="spacer">Usynligt</div>
<table style="width:100%">
  <tr>
    <td style="width:175px">Menuen</td>
    <td style="width:150px">News</td>
    <td>Hovedside</td>
    <td style="width:175px">Right-bar</td>
  </tr>
</table>

</div>
</body>
</html>

//>Rune
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »