SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member Definitude's Avatar
    Join Date
    Sep 2003
    Location
    Canada
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

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

    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
    Be easy on the new guy...

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    SitePoint Member Definitude's Avatar
    Join Date
    Sep 2003
    Location
    Canada
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Indeed! The logo's cell goes insane for some reason - it does validate too!
    Be easy on the new guy...

  4. #4
    SitePoint Member Definitude's Avatar
    Join Date
    Sep 2003
    Location
    Canada
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Any Ideas why?
    Be easy on the new guy...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •