Help - Search - Members - Calendar
Full Version: Help with Explorer css issues
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
jimlongo
Hi, I'm working on something that displays properly in all browsers I have access to, but apparently not in Explorer on Windows which I've only seen on browsercam. It seems to me that Explorer must not like some of the css I have here. Any ideas would be most welcome.

I've reduced the page to give you just the problem part http://www.soulsmiths.com/index2

here's the relevant CSS
CODE

#line {
    position:absolute;
    background-color:#336666;
    left:180px;
    top:0px;
    width:4px;
    height:2000px;
    }
#left_box1 {
    position:static;
    background-color:#fff;
    left:10px;
    top:10px; /*height of the header */
    margin-top:16px;
    width:160px;
    height:125px;
    text-align:center;
    }
        
#left_box2 {
    position:static;
    left:10px;
    top:120px; /*height of the header */
    width:160px;
    text-align:center;
    }    
    
#left_box3 {
    position:static;
    left:10px;
    width:160px;
    text-align:center;
    }        
#left_box4 {
    position:static;
    left:10px;
    width:160px;
    text-align:center;
    }
#left_copy {
    position:static;
    left:10px;
    width:160px;
    text-align:center;
    }    


and the html is
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link href="_soulsmiths.css" rel="stylesheet" type="text/css">
<title>test</title>
</head>

<!--begin left menu section -->
<div id="left_box1">
<a href="http://www.soulsmiths.com"><img src="images/soulsmiths_logo.jpg" alt="Soulsmiths Logo"></a>
</div>
<div id="left_box2">
<p>
<a href="index.html" class="left_menu">Homepage</a>
</p>
<p>
<a href="whypsych.html" class="left_menu">Why Psychotherapy?</a>
</p>
<p>
<a href="backgrnd.html" class="left_menu">Background</a>
</p>
<p>
<a href="persappr.html" class="left_menu">Personal Approach</a>
</p>
<p>
<a href="focus.html" class="left_menu">Focus</a>
</p>
<p>
<a href="faqs.html" class="left_menu">FAQs</a>
</p>
<p>
<a href="guidingp.html" class="left_menu">Guiding Principles</a>
</p>
<p>
<a href="beliefs.html" class="left_menu">Beliefs and Assumptions</a>
</p>
<p>
<a href="journal.html" class="left_menu">Journal Questions</a>
</p>
<p>
<a href="contact.html" class="left_menu">Contact</a>
</p>
</div>
<div id="left_box3">
<img src="images/_index.jpg" width="" height="" alt="">
</div>
<div id="left_box4"><BR><BR>
<p id="quote">
"A relationship of trust,
<br>
A journey of change."
</p>
</div>
<div id="left_copy"><BR><BR>
<p class="small">
© 2008 Soulsmiths
</p>
</div>
<div id="line">
</div>
<!--end left menu section -->
</body>
</html>
jimlongo
Thanks I found that it wasn't so much the CSS (which I did simplify down to 1 box), but more the fact that Explorer doesn't like the empty width and height of the image - I guess it interprets that as ZERO.

Thanks for any time.

jim
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.