CSS hjælp til tables
Nu giver jeg snart op :-(har følgende struktur
Side.asp [opdelt i en table med 2 rækker]
-Includes menu.html [række 1]
-Includes content.html [række 2]
alt skal have 100% width
menu.html skal fylde 30% i højden
content.html skal fylde 70% i højden
Side.asp:
<head>
<link href="../../Templates/styles/items.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" height="100%" border="1" align="center">
<tr height="30%">
<td height="30%">
<!--menu-->
<!-- #Include virtual="maxynet/menu/menu.asp"-->
<!--menu slut-->
</td>
</tr>
<tr height="70%">
<td>
<!--menu-->
<!-- #Include virtual="templates/page_template.html"-->
<!--menu slut-->
</td>
</tr>
</table>
</body>
menu.html:
<table width="100%" border="0">
<tr>
<td valign="top">
<h2>maxy-net</h2>
</td>
<td valign="top">
DK Internal website
</td>
<td valign="top" align="right">
<%
dim h
h=hour(now())
response.write(now())
If h<12 then
response.write(" Good Morning")
else
response.write(" Good day")
end if
%>
</td>
</tr>
<tr>
<td colspan="3">
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS);
</script>
</td>
</tr>
</table>
content.html:
<TABLE class ="white-table" border ="1">
<TR>
<TD class ="title">
<H1 class="main-title">MAIN-TITLE</H1>
</TD>
</TR>
<TR>
<TD class ="line">
<HR class="line-green">
</TD>
</TR>
<TR class ="content">
<TD class ="content">
<DIV class = "page-link-bold"> PAGE-LINK-BOLD</DIV>
<DIV class = "normal"> NORMAL</DIV>
<DIV class = "page-link"> PAGE-LINK</DIV>
</TD>
</TR>
</TABLE>
Items.css:
html,body
{
height: 100%;
}
body
{
}
.header
{
background-color: #009999;
}
.body-white
{
background-color: #000000;
}
.body-green
{
background-color: #009999;
}
table
{
}
.white-table
{
border: 2px;
border-style: double;
border-color: blue;
width: 500;
background-image: url('/images/BackGroundWhite.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
border-color:"ffffff";
}
tr
{
}
.content
{
text-align:left;
}
td
{
}
.title
{
height: 40;
}
.line
{
height: 1;
}
.content
{
vertical-align: top;
}
så hvorfor kan jeg ikke få det til at stå pænt ?
Min content.html table colapser selvom den står til 100%? burde den ikke vise hele mit bagrundsbillede?
Skal lige siges at det er mit første rigtige css projekt.
