Previous Message
Next Message

Missing class assigments

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/
Previous Message
Next Message

Message thread: