Okay, so i just looked through my code and i do have the div clears before
the end of the wrapper.
<div id="rightContent">
<p> </p>
<p class="text">Welcome to The Studio for Movement, the private dance
studio and personal website for Denise Mireau. If youre looking for
information about the Dance Centre for Adults in Burlington, you have
reached the right place! Just click <a
href="danceCentreSchedule.htm">here</a> for schedule and class information.
</p>
<p class="text">At The Studio for Movement, Denise Mireau offers
private classes in bellydance, creative movement and the Alexander
Technique. With over ten years experience in instructing bellydance,
Denise has a reputation for teaching informative, energetic and engaging
classes. She creates a fun and safe environment for students to learn in.
</p>
</div>
</div>
<div class="clearing"></div> (this is where they should be inserted so they
will expand to
contain the floats) (but i have them in there already and still no go).
</div>
yikes i'm really losing the plot on this aren't i?
From: Gunlaug Sørtun <[EMAIL PROTECTED]>
To: "hiptojive @hotmail.com" <[EMAIL PROTECTED]>
CC: css-d@lists.css-discuss.org
Subject: Re: [css-d] Border help - Browser compatibility issues
Date: Tue, 06 Feb 2007 09:37:33 +0100
hiptojive @hotmail.com wrote:
> [...] I looked at Francky's source code and i think i must be
> misunderstanding what borders to omit and keep. Please clarify this
> for me. I'm a bit still confused with this....
> http://www.thestudioformovement.com/index.htm
You have overlooked what Franky wrote about 'a "clearing" div just
before the end of the wrapper, so the border lines will extend to the
bottom'.
So, you'll have to tell Firefox (and Opera and Safari etc.) to 'contain
floats' within the specific container.
Containers like your #wrapperoutside will otherwise *not* 'expand to
contain floats' - except that it does in IE/win because of the
'hasLayout'[1] bug. IE's buggy behavior is enough to fool us all at
first glance.
You _can_ do without such a "clearing" div, and instead use one of the
other options for 'containing floats'.
The following will work in your case...
#wrapperoutside {overflow: hidden;}
* html #wrapperoutside {overflow: visible;}
...based on the establishment of a new block formatting contexts[2].
Older IE versions do not understand standards on this point and may have
serious problems with the 'hidden' part, so the second line is there to
save old IE from its own bugs.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
[2]http://www.w3.org/TR/CSS21/visuren.html#q15
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
_________________________________________________________________
http://ideas.live.com/programpage.aspx?versionid=b2456790-90e6-4d28-9219-5d7207d94d45&mkt=en-ca
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
