Sent by Keith Bloom on 11 July 2005 16:04
Hi,
Can someone let me know if I am going mad or not.
I have this but of CSS:
#content #article {
float: left;
}
#content #article.slim {
width: 395px;
margin-right: 5px;
}
#content #article.aus {
border: 1px solid #ff9922;
width: 150px;
}
and this piece of HTML
<div id="content">
<div id="article" class="aus">
<h2>Embassy CES centres Australia / New Zealand </h2>
<ul>
<li><a href="#">Brisbane</a></li>
<li><a href="#">Cairns</a></li>
<li><a href="#">Gold Coast </a></li>
<li><a href="#">Melbourne</a></li>
<li><a href="#">Perth</a></li>
<li><a href="#">Sydney</a></li>
<li><a href="#">Auckland</a></li>
</ul>
<div class="furtherinfo">
<h1>Further information:</h1>
<ul>
<li><a href="#">Meet some students </a></li>
<li><a href="#">Meet some staff</a></li>
<li><a href="#">Download or order a brochure</a></li>
<li><a href="#">Our fees</a></li>
</ul>
</div>
</div>
All is fine in Firefox, the article area is conscticted to 150px and
my test border appears. In IE6 it doesn't have any effect. Yet if I
move the CSS for #article.aus above #article.slim it works and my page
using the '.slim' stop working.
Here is a link:
http://195.184.252.10/reddot_static_demo/Locations_Australia.html
It is making me feel like my brain is melting so any help would be great.
Regards, Keith
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/