|
-
Nov 15th, 2008, 12:11 PM
#2
Re: HTML Table - width of cell
Hi there dbelley_office,
The problem I have is that I can't have my right-cell of the 1st row to expand the whole screen.
This only happens in IE, compliant browsers like Safari, Opera or Firefox handle the code correctly.
Of course, you should not be using tables for page layout, that is not their purpose.
Further reading:-
Here is a possible solution to your problem...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
#container {
border:1px solid #000;
padding:2px;
}
#left {
width:62px;
height:62px;
border:1px solid #000;
float:left;
}
#left img {
width:62px;
height:62px;
display:block;
}
#right {
height:62px;
border:1px solid #000;
margin-left:66px;
background-image: url(../Site web/images/graybar.png);
}
#content {
border:1px solid #000;
margin-top:2px;
clear:both;
}
</style>
</head>
<body>
<div id="container">
<div id="left"><img src="../Site web/images/greenbar.png" alt=""></div>
<div id="right"></div>
<div id="content">This is my content</div>
</div><!-- end #container -->
</body>
</html>
~ the original bald headed old fart ~
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|