Glaanieboy
OSNN Veteran Addict
- Joined
- 6 Mar 2002
- Messages
- 2,628
OK, here is what I want to do. I am redisigning my website for school (Can only be accessed locally, it runs on the internal network). I used frames for the last page, but I want to get rid of them.
Now I want to put it into one file, but with a left side bar for the menu. This side bar must have a different color than the rest of the page.
Here is what I have atm (the code is till a little rough):
index.php
and here is the CSS file:
style.css
The problem is that somehow my <table> and <td> aren't 100% high, it is only as high as the text I typed in it, but the width is correctly parsed (as 50% wide). This happens both in Internet Explorer and Mozilla Firebird. Can someone explain why this happens and how I can do it correctly?
Now I want to put it into one file, but with a left side bar for the menu. This side bar must have a different color than the rest of the page.
Here is what I have atm (the code is till a little rough):
index.php
Code:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Title here!</title>
</head>
<body>
<table>
<tr>
<td class="side">
<a href="?page=main">Mainpage</a><br />
<a href="?page=drv">Drivers and Service Packs</a>
</td>
<td>
Mainpage bladieblabla
</td>
</tr>
</table>
</body>
</html>
and here is the CSS file:
style.css
Code:
body {
font-family: Arial;
font-size: 80%;
color: #000000;
}
table {
width : 100%;
height : 100%;
}
td.side {
border-style : none solid none none;
border-right-width : thin;
width : 50%; (only as a test, my final page won't have a 50% wide sidebar of course)
height : 100%;
background-color : yellow;
}
The problem is that somehow my <table> and <td> aren't 100% high, it is only as high as the text I typed in it, but the width is correctly parsed (as 50% wide). This happens both in Internet Explorer and Mozilla Firebird. Can someone explain why this happens and how I can do it correctly?