philmasterplus Posted October 29, 2007 Share Posted October 29, 2007 I'm trying to make this page work with Internet Explorer:(It works fine with Mozilla Firefox, but IE hides my navigation <DIV>.) <!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> <title>JScream</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="jscream.css" /></head><body><div id="header"><h1 id="page-title">Whatever</h1><h2 id="page-subtitle">Yeah, yeah, duh...</h2></div><div id="article" class="column"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p></div><div id="navigation" class="column"><h2>Navigation</h2><ul><li><a href="/">Home</a></li><li><a href="link.html">Whatever</a></li><li><a href="link2.html">Whoever</a></li><li><a href="somepage.html">FooBar</a></li><li><a href="/">Home</a></li><li><a href="link.html">Whatever</a></li><li><a href="link2.html">Whoever</a></li><li><a href="somepage.html">FooBar</a></li></ul></div><div id="news" class="column"><h2>This is the right sidebar.</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p></div><div id="footer">This is the footer.</div></body></html> The CSS file used by the page: /*** Three-column layout code from [url="http://www.alistapart.com/articles/holygrail"]http://www.alistapart.com/articles/holygrail[/url] with modifications ***//*** The Essential Code ***/body { margin: 0; padding-left: 200px; /* LC fullwidth */ padding-right: 190px; /* RC fullwidth + CC padding */ min-width: 240px; /* LC fullwidth + CC padding */}#header, #footer { margin-left: -200px; /* LC fullwidth */ margin-right: -190px; /* RC fullwidth + CC padding */}.column { position: relative; float: left;}#article { padding: 0 20px; width: 100%;}#navigation { width: 180px; /* LC width */ padding: 0 10px; /* LC padding */ right: 240px; /* LC fullwidth + CC padding */ margin-left: -100%;}#news { width: 130px; /* RC width */ padding: 0 10px; /* RC padding */ margin-right: -100%;}#footer { clear: both;}/*** IE Fix ***/* html #left { left: 150px; /* RC fullwidth */}/*** Code snippet end ***/body { background: #CBD6C9; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 0.85em; text-align: center;}a {color:#3366FF; text-decoration:none; border-bottom:1px dotted #3366FF;}a:visited {color:#CC33FF; text-decoration:none; border-bottom:1px dotted #CC33FF;}a:hover, a:active {color:#FF6600; text-decoration:none;border-bottom:1px dotted #FF6600;}.wrapper { background: URL("skin_swirl_green_top.gif") no-repeat top left; background-color: #DDE4DB; width: 718px; margin: auto; padding-right: 20px; padding-left: 20px;}#header { padding-top: 64px;}h1 { font-size: 3em; font-style: italic; color: #5F7559;}h2 {font-weight: normal;font-size: 1.5em;font-style: italic;color: #96A892;}#footer {border-top: 1px solid #96A892;font-size: small;}#article {text-align: justify;} I'm a desperate newbie without much time;-(. Help!Note: this problem has been solved. See below. Link to comment Share on other sites More sharing options...
philmasterplus Posted October 29, 2007 Author Share Posted October 29, 2007 I'm trying to make this page work with Internet Explorer:(It works fine with Mozilla Firefox, but IE hides my navigation <DIV>.)I'm a desperate newbie without much time;-(. Help!Well..er..opps. The fix was already there, yet I forgot to change "* html #left" to "* html #navigation". I'm really sorry! (And happy). Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.