Comments on: CSS: quirk in Firefox with backgrounds? http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/ Fri, 05 Dec 2008 03:00:01 +0000 http://wordpress.org/?v=2.6.3 By: Daynah http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11301 Daynah Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11301 Well, the page looks great. I just noticed the "move up" options on the side navigation. How nifty is that?! :) Keep up the great work Jenn! Well, the page looks great. I just noticed the "move up" options on the side navigation. How nifty is that?! :) Keep up the great work Jenn!

]]> By: kartooner http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11302 kartooner Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11302 Try adding a height attribute to your #main div. Like so; #main { background-color: rgb(0, 51, 153); width: 751px; height: 500px; padding-top: 8px; clear: left; } Try adding a height attribute to your #main div.

Like so;

#main { background-color: rgb(0, 51, 153); width: 751px; height: 500px; padding-top: 8px; clear: left; }

]]> By: Jennifer http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11303 Jennifer Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11303 kartooner - however, the design didn't have a consistent height - it all depended on the length of the text... and if the text ran LONGER than the height I specified - the problem would return at that point. (This was one design applied to several pages - some had a short block of text - some had a very long block of text) As well - if I over estimated the height, then you'd have the option to scroll - when there wasn't anything to scroll to. kartooner - however, the design didn't have a consistent height - it all depended on the length of the text… and if the text ran LONGER than the height I specified - the problem would return at that point. (This was one design applied to several pages - some had a short block of text - some had a very long block of text)

As well - if I over estimated the height, then you'd have the option to scroll - when there wasn't anything to scroll to.

]]> By: Jennifer http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11304 Jennifer Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11304 Also - I wasn't actually talking about the design of THIS page... it was another project I was working on... Also - I wasn't actually talking about the design of THIS page… it was another project I was working on…

]]> By: kartooner http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11305 kartooner Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11305 This is an issue I run into a lot when designing sites. When you have a #div with text, if you don't assign a height attribute the text will spill outside the divider. Is there a way around this? I noticed in IE it doesn't do this. The text stays within the container. Hopefully that makes sense. This is an issue I run into a lot when designing sites. When you have a #div with text, if you don't assign a height attribute the text will spill outside the divider.

Is there a way around this? I noticed in IE it doesn't do this. The text stays within the container.

Hopefully that makes sense.

]]> By: gabriel http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11306 gabriel Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11306 jennifer... i really suck at explaining these things... or of any kind ;)... but here's an url for you with the page + a fix http://thought-space.com/temp/jennifer.php jennifer… i really suck at explaining these things… or of any kind ;)… but here's an url for you with the page + a fix
http://thought-space.com/temp/jennifer.php

]]> By: kartooner http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11307 kartooner Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11307 By sandwiching the spacer div inbetween the two main divs it solves the problem? But how? ;P By sandwiching the spacer div inbetween the two main divs it solves the problem? But how?

;P

]]> By: Julik http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11308 Julik Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11308 I think a visit here can answer your question. http://www.complexspiral.com/publications/containing-floats/ The short answer is that floated blocks DO NOT expand their container block(!), you have to clear them with something else for the container to spread. If the container is floated it will expand for the floated children elements. This is by the spec. IE does it wrong, that's all. I think a visit here can answer your question.
http://www.complexspiral.com/publications/containing-floats/

The short answer is that floated blocks DO NOT expand their container block(!), you have to clear them with something else for the container to spread. If the container is floated it will expand for the floated children elements. This is by the spec. IE does it wrong, that's all.

]]> By: Jennifer http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11309 Jennifer Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11309 ok - well that makes sense now :) Thanks!! ok - well that makes sense now :) Thanks!!

]]> By: Dasme http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11310 Dasme Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/05/04/css-quirk-in-firefox-with-backgrounds/#comment-11310 When you float elements on your page they are taken out of the regular flow of your document. ie. they don't have width and heights when they are interacting with other elements. You can always add a break and clear after the 2 floated divs, and they will then make the container stretch in height to contain them eg. <div id="container"> <div id="float1"> sidebar </div> <div id="float2"> main text </div> <br clear="all" /> </div> When you float elements on your page they are taken out of the regular flow of your document. ie. they don't have width and heights when they are interacting with other elements. You can always add a break and clear after the 2 floated divs, and they will then make the container stretch in height to contain them eg.

<div id="container">
<div id="float1"> sidebar </div>
<div id="float2"> main text </div>
<br clear="all" />
</div>

]]>