locked
CSS Rendering Issus RRS feed

  • Question

  • Hi all

    I Have Downloaded a Admin Panel with css and images.

    it Renders correctly in IE and FireFox but when i open it in EW4 or VS 2010

    every thing mixes togheter, menu items overlaps each other and...

    <!--[if !IE]>start wrapper<![endif]--> tags were rendered in Design View but no in browser.

    but when i open it from dreamweaver every thing renders corrctly in design view.

    Here is some HTML of page:

    <!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" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>Administration Panel</title>
    <link media="screen" rel="stylesheet" type="text/css" href="css/admin.css" />
    <!--[if lte IE 6]><link media="screen" rel="stylesheet" type="text/css" href="css/admin-ie.css" /><![endif]-->
    
    <script type="text/javascript" src="js/behaviour.js"></script>
    </head>
    
    <body>
    	<!--[if !IE]>start wrapper<![endif]-->
    	<div id="wrapper">
    		<!--[if !IE]>start head<![endif]-->
    		<div id="head">
    			
    			<!--[if !IE]>start logo and user details<![endif]-->
    			<div id="logo_user_details">
    				<h1 id="logo"><a href="#">websitename Administration Panel</a></h1>
    				<!--[if !IE]>start user details<![endif]-->
    				<div id="user_details">
    					<ul id="user_details_menu">
    						<li>Welcome <strong>Administrator</strong></li>
    						<li>
    							<ul id="user_access">
    								<li class="first"><a href="#">My account</a></li>
    								<li class="last"><a href="#">Log out</a></li>
    							</ul>
    						</li>
    						<li><a class="new_messages" href="#">4 new messages</a></li>
    					</ul>
    					<div id="server_details">
    						<dl>
    							<dt>Server time :</dt>
    							<dd>6:45 AM</dd>
    						</dl>
    						<dl>
    							<dt>Last login ip :</dt>
    							<dd>192.168.0.15</dd>
    						</dl>
    					</div>
    

    when i removed

    <!--[if lte IE 6]><link media="screen" rel="stylesheet" type="text/css" href="css/admin-ie.css" /><![endif]--><br/>
    <br/>
    many of Rendering problems resolved but some of them remained.<br/>
    <br/>
    any ideas?<br/>
    <br/>
    Tanks In Advance<br/>
    
    

    Tuesday, November 23, 2010 8:01 AM