www.webdeveloper.com
Results 1 to 2 of 2

Thread: Safari DIV fun

  1. #1
    Join Date
    Jan 2006
    Posts
    57

    Safari DIV fun

    my iMac is causing early aging on my part. here's the deal, i have two DIV columns inside of a DIV wrapper. the z-index is correct, the css is correct, but for some reason Safari will not show it correctly. please advise on this issue.

    here's the simple form of the code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    
    <style>
    *{margin:0px; padding:0px;}
    #wrapper{width:900px;}
    #col_one{width:300px; height:300px; background-color:#666666; z-index:100; float:left;}
    #col_two{width:600px; height:400px; background-color:#993300; z-index:1; float:left; border:0px solid green; margin-left:-100px;}
    </style>
    
    </head>
    
    <body>
    <div id="wrapper">
    	<div id="col_one">
    	</div>
    	<div id="col_two">
    	</div>
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Which version of Safari are you testing in? Which browsers are you comparing it to?

    Try specifying the type attribute on the style element.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles