What I did to fix your layout issues was to one drop the clear class in favor of a different layout fix which incorporates the zoom:1 and clears the content immediately after the float containing element. I also removed the image from the first tag and placed it into its own containing div which I floated left. With the clearfix class I've used you no longer need to add a
or zoom:1 individually.
.clearfix {
zoom: 1; /* triggers hasLayout */
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#leftCol{
float:left;
}
</STYLE></HEAD>
<BODY class="oneColFixCtrHdr">
<DIV id="container">
<DIV id="header">
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/index.html">
<IMG border="0" src="http://www.doublehappinesscelebrant.com.au/DHappiness/working%20images/trans.png" width="920" height="200" />
</A>
<H1>
Double Happiness Marriage Celebrant
</H1>
</DIV>
<DIV id="navigation" class=clearfix>
<UL id="navbar">
<LI>
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/contact.html">Contact Me</A>
</LI>
<LI>
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/pricing.html">Prices</A>
</LI>
<LI>
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/testimonial.html">Testimonial</A>
</LI>
<LI>
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/services.html">My Services</A>
<UL>
<LI>
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/specialties.html">Specialties</A>
</LI>
</UL>
</LI>
</UL>
</DIV>
<DIV id="text" class=clearfix>
<P class="content"></P>
<H1>Pricing </H1>
<div id="leftCol">
<IMG class="image_price_girl" alt="special melbourne weddings" src="http://www.doublehappinesscelebrant.com.au/DHappiness/girl_1.png" width="270" height="375" />
</div>
<p class=content>
Fees depend on the time of year, services needed and scheduling. I am flexible and negotitable but my fees typically
start at $300 which includes all of my basic
<A href="http://www.doublehappinesscelebrant.com.au/DHappiness/services.html">services</A>.
</P>
<P class=content>
Please <A href="http://www.doublehappinesscelebrant.com.au/DHappiness/contact.html">contact me</A> and I will be happy
to talk to you about your needs and what I can do to make your day very special.
</P>
</DIV>
<P class="main_text">
</P>
<DIV id="footer">
<P>
Carrie Kong Marriage Celebrant<BR />p: 0418 321 818<BR />carrie@doublehappinessmarriagecelebrant.com
<!-- end #footer -->
</P>
<!-- end #footer -->
</DIV>
<!-- end #container -->
</DIV>In case you haven't found it before you might check out this blog on IE float issues: http://www.positioniseverything.net/easyclearing.html
scrappedcola
Posting Whiz in Training
227 posts since Dec 2009
Reputation Points: 27
Solved Threads: 45
