webForumDet fria alternativet
Logga in / Bli medlem

Täcker inte hela höjden...

HTML & CSS

3 svar · 596 visningar · startad av joel_joel88

Medlem sedan nov. 20021 222 inlägg
Frågan#1

Hej! :)

Det är evigheter sedan jag höll på med html och försöker att hjälpa en kompis lite. Det är så att han vill att själva sidan att täcka höjden på hela skärmen.

Han har försökt att sätta height till 100 % osv. Hur kan man lösa detta,

Tack på förhand!

Hans kod är väldigt rörig.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD><TITLE>pappersavd36.se</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE type="text/css">

        body, td, p {
            font-family: tahoma, sans-serif;
            font-size: 8pt;
            color: #000000;
            margin: 0px;
        }

        ul, ol, blockquote {
             margin: 0px 0px 0px 40px;
             padding: 0px;
        }           

        ul {
            list-style-type: disc;
        }

        a {
            color: #FF9900;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        h1 {
            font-family: verdana, sans-serif;
            font-size: 7pt;
            color: #000000;
            margin: 0px;
        }

        h2 {
            font-family: tahoma, sans-serif;
            font-size: 7pt;
            color: #FFFFFF;
            font-weight: normal;
            margin: 0px;
        }

        h3 {
            font-family: verdana, sans-serif;
            font-size: 7pt;
            color: #000000;
            margin: 0px;
        }

        h4 {
            font-family: tahoma, sans-serif;
            font-size: 7pt;
            color: #ffffff;
            font-weight: normal;
            margin: 0px;
        }

       pre {
             margin: 0px;
       }

       .menu td {
            font-family: verdana, sans-serif;
            font-size: 7pt;
            color: #ffffff;
            margin: 0px;
            font-weight: normal;
        }

        .menu td a {
            font-family: verdana, sans-serif;
            font-size: 7pt;
            color: #ffffff;
            margin: 0px;
            font-weight: normal;
            text-decoration: none;
        }

        .menu td a:hover {
            text-decoration: underline;
        }

    </STYLE>
</HEAD>
<BODY style="BACKGROUND: url('tbak.jpg'); MARGIN: 0px; padding: 0px; height:100%; position:relative;">

<TABLE id=maintable style="height: 100%; align: center;  BORDER-COLLAPSE: collapse; border-left: 2px solid #cdcdcd; border-right:2px solid #cdcdcd;" cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse; position: relative;  height: 100%;" cellSpacing=0 cellPadding=0 width=758 align=left>
<TBODY>
<TR>
<TD style="BACKGROUND: #333333" width=2><TD>
<TD style="BACKGROUND: #666666" vAlign=top>
<TABLE style="BORDER-COLLAPSE: collapse" height=150 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="BACKGROUND: url(/images/sand/top-background.jpg)"><IMG height=1 width=1><IMG style="WIDTH: 870px; HEIGHT: 163px" height=163 src="/top-background.jpg" width=639></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" height=35 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width=15>&nbsp;</TD>
<TD align=left>
<TABLE class=menu style="DISPLAY: inline; BORDER-COLLAPSE: collapse" height=35 cellSpacing=0 cellPadding=0 align=center border=0 meta="menu" metaid="Pappers Avd 36">
<TBODY>
<TR>
<TR>
<TD vAlign=middle align=center><A href="/index.html">Pappers avd 36</A></TD>
<TD vAlign=middle align=center width=20>¦</TD>
<TD vAlign=middle align=center><A href="/forsakringar.html">Försäkringar</A></TD>
<TD vAlign=middle align=center width=20>¦</TD>
<TD vAlign=middle align=center><A href="/fortroendevalda.html">Förtroendevalda</A></TD>
<TD vAlign=middle align=center width=20>¦</TD>
<TD vAlign=middle align=center><A href="/lokalavtal.html">Lokal Avtal</A></TD>
<TD vAlign=middle align=center width=20>¦</TD>
<TD vAlign=middle align=center><A href="/loner.html">Löner</A></TD>
<TD vAlign=middle align=center width=20>¦</TD>
<TD vAlign=middle align=center><A href="/moten.html">Möten</A></TD></TR></TBODY></TABLE></TD>
<TD width=15>&nbsp;</TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse; height: 100%;" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse; height: 100%;" cellSpacing=0 cellPadding=10 width="100%" align=left border=0>
<TBODY>
<TR>
<TD vAlign=top width=120>
<H2>Nyheter&nbsp;»&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</H2>
<H4>&nbsp;</H4></TD>
<TD style="BACKGROUND: #ffffff; height: 100%;" valign="top" align="left">

<h1>Sidan är under uppbyggnad!</h1><br><br>
/ Ulf K & Joel S
 
</TD>
<TD valign=top width=120>
<IMG style="border: 1px solid #000000;" src="/Carina.jpg" alt="Carina Larsson">
<H3><FONT color=#ffffff></FONT>&nbsp;</H3>
<P><SPAN style="FONT-SIZE: 7pt"><FONT color="#ffffff">Carina Larsson hjälper dig med alla medlemsärenden, till exempel försäkringar. Hos henne kan du läsa alla protokoll och kolla så att vi sköter oss.</FONT></SPAN></P>
<P>&nbsp;</P>
<H3><FONT color="#ffffff">Expeditionen:</FONT></H3>
<H2><SPAN style="FONT-SIZE: 7pt">Mån-Tord 08.00-12.00</SPAN><BR><SPAN style="FONT-SIZE: 7pt">13.00-17.00<BR>&nbsp;</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">Juni, juli &amp; August gäller sommartid.</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">Mån 08.00-12.00</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">13.00-17.00</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt"></SPAN><SPAN style="FONT-SIZE: 7pt">&nbsp;</H2></SPAN>
<H2><SPAN style="FONT-SIZE: 7pt">Telefon: 54152, 054517081</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">Fax: 054517070</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">Avd. ordf: 54552</SPAN><SPAN style="FONT-SIZE: 7pt"><BR>Sekt. ordf kart: 54752<BR>Studieorg: 54652</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt"><BR><SPAN id=email><A href="mailto:pappers.36-an@tele2.se">pappers.36-an@tele2.se</A></SPAN></SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt"></SPAN>&nbsp;</H2>
<H2><SPAN style="FONT-SIZE: 7pt">Pg nr: ??? ?? ??-?<BR><BR>Besök och Postadress: <BR>Pappers avd&nbsp;36&nbsp;<BR>Skoghalls Folkets Hus</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">Box 37</SPAN></H2>
<H2><SPAN style="FONT-SIZE: 7pt">663 21 Skoghall&nbsp;<BR><BR>Vi finns i Skoghalls Folkets Hus, på tredje våningen, dörr på baksidan.<BR></SPAN></H2>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse;" height=35 cellSpacing=0 cellPadding=0 width="100%" align=left border=0>
<TBODY>
<TR>
<TD align=middle><FONT color="#cdcdcd">Pappersavd36.se&nbsp;© 2009 • Privacy Policy • Terms Of Use • </FONT></TD></TR></TBODY></TABLE></TD>
<TD style="BACKGROUND: #333333" width=2><TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</DIV></DIV>
</BODY>
Medlem sedan nov. 20021 222 inlägg
#2

Ingen som vet? Är riktigt tacksam om jag får hjälp!

Medlem sedan jan. 2003296 inlägg
#3

Komplettera din kod med

html, body {
	height: 100%;
}
Medlem sedan nov. 20021 222 inlägg
#4

Tusen tack för hjälpen! Detta forum är guldvärt!

267 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)