Works fine in Mozilla/IE - Goes to hell in Opera

**Definitude** · Oct 7, 2003 20:21

http://www.jargonnet.com/themes/v1/theme.html

Check that in Opera (7.x) and you'll understand!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>  
<head>  
<title>V1 Test</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<link href="style.css" rel="stylesheet" /> 
</head> 
<body>   

<table id="main" cellpadding="0" cellspacing="0">  
<tr>       
<th id="leftheader" colspan="3"><img src="images/layout/left-header.gif" alt="Jargonnet.com's Official Logo" width="216" height="81" /></th>
<th id="rightheader"><img src="images/layout/pixel.gif" alt="." width="1" height="81" /></th> 
</tr>
<tr>
<th id="sidebar">sidebar placer</th> 
<th id="divider"><img src="images/layout/pixel.gif" alt="." width="24" height="1" /></th> 
<th id="body" colspan="2">body</th>       
</tr>   
</table>   
</body>  
</html>

and the CSS:

Code:

body, html {
height: 100%;
margin: 0px;
}

/* Layout */

table#main {height: 100%; width: 100%;}

th#leftheader {width: 216px; height: 81px;}

th#rightheader {background: url(images/layout/right-header.gif); height: 81px; width: 100%;}

th#sidebar {background: #2F3138; height: 100%; width: 191px;}

th#divider {height: 100%; width: 24px; background: url(images/layout/divider.gif) repeat-y;}

th#body {background: #212127; height: 100%; width: 100%;}

/* End Layout */

Got the [html/body] CSS hack off the net, only thing that seems to make it work in Mozilla.

Any Ideas? I'm reletively new to CSS and XHTML

**xhtmlcoder** · Oct 8, 2003 05:20

I assume what you are trying to achieve is with the CSS create a table that is 100% of the canvas height, regardless of the browser demension using the afore mentioned hack. I don't see nay major difference in Opera compared to M$ IE 6.0 on that part.

Though really I assume you are referring to the logo placement.

**Definitude** · Oct 8, 2003 11:33

Indeed! The logo's cell goes insane for some reason - it does validate too!

**Definitude** · Oct 9, 2003 13:57

Any Ideas why?

User Tag List

Thread: Works fine in Mozilla/IE - Goes to hell in Opera

Thread Tools

Display

Works fine in Mozilla/IE - Goes to hell in Opera

Bookmarks

Bookmarks

Posting Permissions