Re: [css-d] IE float/clear bug

[Serge Krul]

Hi Bruno,

Thank you! You really got me thinking out of the box i was in :)
In the end i didn't gave the DD's "layout", because in my situation it was
possible
to go for a true cross browser solution. Without the "layout" and without a
float on the DD's,
each term and definition sit perfectly together on one line without any
hacks, fixes.
I would probably use your solution "as is" if i needed background around the
text in the DD.

Thank you again,

Serge Krul
Front-End Developer
IT Department
Israel Sci-tech Schools R&D Center

On Sun, Jun 29, 2008 at 11:18 PM, Bruno Fassino <[EMAIL PROTECTED]> wrote:

> Serge Krul wrote:
> >
> > i came across a known IE
> > bug > king_floats_into_rows.html> (breaking
> > floats into rows), but in such a way i can't really think of a good
> > workaround.
> >
> > In my situation i have a definition list, and i need each term and
> > definition to be on a separate line.
> > My approach was to float both DT and DD and set clear on every DT.
>
>
> You could try, just for IE of course, to make the DD not floated (and make
> sure they have hasLayout). Due to another IE bug [1, case 2] they will
> anyway stay not higher than their preceding DT. You may need to adjust
> vertical margins, but this should work, I have a variant here [2, case 2].
> If you have more than one DD for any row, only the last one needs to be
> non-floated.
>
> Bruno
>
>
>
> [1] http://brunildo.org/test/IEWfc2.html
> [2] http://brunildo.org/test/float_clear2.html
>
> --
> Bruno Fassino http://www.brunildo.org/test
>
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Different body backgrounds

[Kim Brooks Wei]

Hi People,

What might be a good way to get the body bg on this page white. The 
default body for the site's home page is yellowish.

http://thewei.com/culture/princeton04july08.php

Thanks,
Kimi
-- 
This email sent by
Kimi Wei
http://thewei.com
201-475-1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need help with overlapping navigation in Safari + image offsets in IE7

[David Laakso]

Christina wrote:
>
> I revised the #inner-wrap div as you suggested and deleted the 
> conditional comments for the #sidebar.
>
>
> However, I have this weird thing happening with *both* IE7 and FF on 
> the PC ... there is no change and when I view the source in the 
> browsers it still shows up as the original code (before I made these 
> changes).
>
> I’ve tried refresh and F5 (dozens of times ;) ... still it’s doing 
> this. I cleared history etc. in IE. Guess I’ll try restarting the 
> thing. Wish I knew why this is happening.
>
> Maybe you can let me know if the page appears correctly now on your 
> IE7? :)
>
>
> Christina
>
>
>
>
>
> On 6/30/08 6:46 PM, "David Laakso" <[EMAIL PROTECTED]> wrote:
>
> Christina wrote:
> > http://www.sonomalawgroup.com/beta/
> >
> > On IE7, the inner-wrap div is offset (to right) by 14px and the
> sidebar div
> > is 30px vertically offset (leaving white space at top). Not sure
> if this
> > also happens in IE6 as I don’t have it loaded.
> >
> > Christina
> >
>
>
>
>
>
>
> Does not adversely effect compliant browsers. IE/7 and IE/6 go
> along for
> the ride...
> #inner-wrap {
> /*margin-left:27px; */
> margin: 0 auto;
> }
>
>
> Delete this in the conditional comments for IE/7 & IE/6
> #sidebar { padding-top: 30px; }
>
>





The page the renders as I believe you intend on this end in IE/6, IE/7, 
and FF/3 in Mac OS X 10.4.11.
Same story on a PC XP in IE/6, IE/7, and FF/2.0.0.14.
Try clearing the cache, and then boot...?

























-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need help with overlapping navigation in Safari + image offsets in IE7

[David Laakso]

Christina wrote:
> http://www.sonomalawgroup.com/beta/
>
> On IE7, the inner-wrap div is offset (to right) by 14px and the sidebar div
> is 30px vertically offset (leaving white space at top).  Not sure if this
> also happens in IE6 as I don¹t have it loaded.
>
> Christina
>   






Does not adversely effect compliant browsers. IE/7 and IE/6 go along for 
the ride...
#inner-wrap {
/*margin-left:27px; */
margin: 0 auto;
}


Delete this in the conditional comments for IE/7 & IE/6
#sidebar { padding-top: 30px; }


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] need help with overlapping navigation in Safari + image offsets in IE7

[Bill Brown]

Christina wrote:
> Hi,
> 
> 
> I¹m trying to get up to speed with CSS (so clearly NOT there yet) and have
> some issues that I don¹t know how to diagnose (let alone solve).
> 
> http://www.sonomalawgroup.com/beta/
> (as it¹s all still being developed, the css is in the head.)
> 
> 
> It looks fine on Mac and PC (XP) versions of Firefox 2.X  (I don¹t have
> Vista so no idea what happens there).
> 
> Safari 3.0.4 has big problem: the main navigation is overlapping to left and
> completely unreadable.
> Opera (7.54u2) for Mac has same problem.
> 
> You¹ll have to look at it in FF to see what nav looks like. There is one
> item ³Attorneys², that has a 2-item pull down menu (done as floated
> list/nested list).
> 
> 
> On IE7, the inner-wrap div is offset (to right) by 14px and the sidebar div
> is 30px vertically offset (leaving white space at top).  Not sure if this
> also happens in IE6 as I don¹t have it loaded.
> 
> 
> 
> I really need to assistance with fixing this, and very much appreciate the
> help!
> 
> 
> Much thanks,
> Christina

Hi Christina,

Try removing:
margin: -20px 0 0 0;
from
#nav ul li {}
and adding it to:
#nav ul {}

I don't have my Mac or my Windows on at the moment, but a cursory scan
of your site revealed the same overlapping in Firefox 3/Ubuntu 8.04 and
I managed to fix it with the code above.

Hope it does the same for you.

Good luck.
Bill



-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check please (IE6 ideally)

[David Hucklesby]

On Mon, 30 Jun 2008 19:39:46 +0800, WEZ! wrote:
> Heya all,
>
> Just done some footer work on this page and want to know if the page is 
> rendering
> without flaws in most peoples browsers. http://cedd.raez.net/cedd.html
>
> I've ran it through all the modern browsers on my work Mac and if anyone 
> ideally could
> put it through its paces on IE6 that would be very very appreciated. I need 
> to know if
> the page scales correctly with decreasing window widths and font size changes.
>
> It's also using a new IEpngfix which was causing a minor rendering issue in 
> IE6 earlier
> which I'm thinking may have gone. The right border should be even from the 
> top of the
> page to the bottom.
>

The footer, all pages, has problems with alignment and a large gap
above it, especially at other than "medium" text size.

On a wide window, the right-hand column expands and the content
displays flush right. Not a show-stopper though.

A non-CSS issue: I went to the Contact page then used the link
to Researchers that's in the first paragraph. While the link worked,
I then got a dozen alerts, all saying "IEPNGFix: Children of positioned
element are unclickable: ".

I am using an IE "standalone" version of IE6 (not a good test of
PNG transparency) and have the DebugBar installed -- the alert
*may* be coming from that.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] : Scrollbar for iframe not showing up in Safari/Mac

[Ingo Chao]

Yes, there is a problem in Safari 2, not in 3.
regards,
Ingo
-- 
http://www.satzansatz.de/css.html
http://www.dolphinsback.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site check: IE6+7, FF 2+3 OK --- IE8 not so good

[David Laakso]

J.C. Berry wrote:
> http://www.mindarc.com/buildpods/index.php
> Hello all, I wondered if you could look at this page for a minute. The top
> nav is broken in IE8. Thanks in advance!
>
>   



Zillions of very bright software engineers in Redmond are still crawling 
all over IE/8. At this point it is still their problem. It may be a good 
idea to wait until they are done before attempting to "fix" it for them.

In the meantime, I would think you might be concerned with matters of 
the moment, like the fonts being frozen in IE/6 and IE/7; and, that 
there is more lead under the last image caption in the right column, in 
the IE's than there is in FF, Safari, and Camino.




-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] need help with overlapping navigation in Safari + image offsets in IE7

[Christina]

Hi,


I¹m trying to get up to speed with CSS (so clearly NOT there yet) and have
some issues that I don¹t know how to diagnose (let alone solve).

http://www.sonomalawgroup.com/beta/
(as it¹s all still being developed, the css is in the head.)


It looks fine on Mac and PC (XP) versions of Firefox 2.X  (I don¹t have
Vista so no idea what happens there).

Safari 3.0.4 has big problem: the main navigation is overlapping to left and
completely unreadable.
Opera (7.54u2) for Mac has same problem.

You¹ll have to look at it in FF to see what nav looks like. There is one
item ³Attorneys², that has a 2-item pull down menu (done as floated
list/nested list).


On IE7, the inner-wrap div is offset (to right) by 14px and the sidebar div
is 30px vertically offset (leaving white space at top).  Not sure if this
also happens in IE6 as I don¹t have it loaded.



I really need to assistance with fixing this, and very much appreciate the
help!


Much thanks,
Christina

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF3 FOUC

[David Hucklesby]

On Mon, 30 Jun 2008 12:13:46 +0100, Francois Jordaan wrote:
> Hi,
>
> On some sites, including one I'm working on, I've noticed a Flash of Unstyled 
> Content
> (FOUC) in FF3, which doesn't occur in any other browser. (This is where the 
> page
> content displays unstyled for a split second before the CSS kicks in.)
>
> The site I'm working on is not yet public, but here's another example:
> http://www.worthing.gov.uk/visiting-worthing/
>

Re: the delays people are reporting-- put the CSS high in the HEAD,
the JS low in the BODY. It would also help to gzip the CSS and JS
on account of the huge quantity of it. More you can do to improve
response here:

 

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF3 FOUC

[Ryan Doherty]

On Jun 30, 2008, at 5:30 AM, Philippe Wittenbergh wrote:

>
> On Jun 30, 2008, at 8:13 PM, Francois Jordaan wrote:
>
>> On some sites, including one I'm working on, I've noticed a Flash of
>> Unstyled Content (FOUC) in FF3, which doesn't occur in any other
>> browser.
>> (This is where the page content displays unstyled for a split second
>> before
>> the CSS kicks in.)
>>
>> The site I'm working on is not yet public, but here's another  
>> example:
>> http://www.worthing.gov.uk/visiting-worthing/
>>
>> Does anyone know what causes it?
>
> Safari 3 and WebKit nightly builds also show that FOUC.
> I guess, as Bill Brown suggest, that moving the block of stylesheets
> before the block of links for the js in the source code will help.
>
> Note that it takes a loong time before that site start displaying
> something. I waited at least 6 seconds staring at a blank screen (both
> Gecko and WebKit) – and that is on fast 'net connection.
>

This is because there are 13(!) javascript files being loaded before  
anything else. I recommend merging them all and putting them at the  
bottom of the page.

In fact, I recommend merging all the stylesheets too. This should  
increase performance too.

http://developer.yahoo.com/performance/


Ryan Doherty
[EMAIL PROTECTED]

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check please (IE6 ideally)

[Susan Grossman]

>
>
> Just done some footer work on this page and want to know if the page
> is rendering without flaws in most peoples browsers.
> http://cedd.raez.net/cedd.html
>
>
>
It does not render correctly in IE6 - the "Gray" areas (designed by and
other) one floats all the way to the left and the other all the way to the
right - so they aren't contained in your footer div.  The remainder of the
footer then shows in a division underneath these "splitting divs".   This
also pushes the page to wide at resolutions under1200.

I haven't figured out the fix for it though I'm still fiddling.

Susan





-- 
Susan R. Grossman
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] : Scrollbar for iframe not showing up in Safari/Mac

[Christian Kirchhoff]

Hello,

there seems to be a problem with the following page:
http://www.muhabbet.de/muhabbetnew/

A customer says that the iframe in the middle doesn't have a scrollbar. 
When the text in the iframe is longer (e.g. when you click auf "Neues"), 
then the text flows to far down and gets covered by those two buttons 
saying something about "Newsletter" and "Handy".

I checked it at one computer with Mac OS X (10.4) and Safari 3.1.1, but 
there it worked as expected. I had some screenshots done with 
http://browsershots.org/ (for Safari 3.0.4 and 3.1.1) and they were 
o.k., too. The customer uses Safari 2.0.4, I guess that is the issue.

I am no expert at all with Safari. Does anybody by chance know how I 
should build up the css (or html code) in order to set the correct size 
for the iframe (so longer text doesn't go below a certain line) and let 
the scrollbar show up?

Best regards,

Christian Kirchhoff
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site check: IE6+7, FF 2+3 OK --- IE8 not so good

[J.C. Berry]

http://www.mindarc.com/buildpods/index.php
Hello all, I wondered if you could look at this page for a minute. The top
nav is broken in IE8. Thanks in advance!

-- 
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
"I think the real reason the Extropy Institute closed is because Ayn Rand
rose from her cryo-sleep" -digibrill

( @ o )
/ | | | | \ Chumby.com

---

This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.

---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Oddity in FF3 related to overflow:auto

[Francois Jordaan]

Very helpful, interesting reply, thanks Philippe! Despite me not noticing
that Ned had updated his CSS to address the problem since I last looked.

francois

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF3 FOUC

[Philippe Wittenbergh]

On Jun 30, 2008, at 8:13 PM, Francois Jordaan wrote:

> On some sites, including one I'm working on, I've noticed a Flash of
> Unstyled Content (FOUC) in FF3, which doesn't occur in any other  
> browser.
> (This is where the page content displays unstyled for a split second  
> before
> the CSS kicks in.)
>
> The site I'm working on is not yet public, but here's another example:
> http://www.worthing.gov.uk/visiting-worthing/
>
> Does anyone know what causes it?

Safari 3 and WebKit nightly builds also show that FOUC.
I guess, as Bill Brown suggest, that moving the block of stylesheets  
before the block of links for the js in the source code will help.

Note that it takes a loong time before that site start displaying  
something. I waited at least 6 seconds staring at a blank screen (both  
Gecko and WebKit) – and that is on fast 'net connection.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Oddity in FF3 related to overflow:auto

[Francois Jordaan]

> >
http://nedbatchelder.com/blog/200806/spore_creature_creator_and_steganograph
y.html

> Both of these URLs render identically on my FF3/Ubuntu 8.04 system.

Damn, it seems he fixed it since I last looked, a couple of days ago. Sorry
for not testing again before posting to the list. I'll email Ned to find out
what he changed.

f

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF3 FOUC

[David Laakso]

Francois Jordaan wrote:
> Hi,
>
> On some sites, including one I'm working on, I've noticed a Flash of
> Unstyled Content (FOUC) in FF3, which doesn't occur in any other browser.
> (This is where the page content displays unstyled for a split second before
> the CSS kicks in.)
>
> The site I'm working on is not yet public, but here's another example:
> http://www.worthing.gov.uk/visiting-worthing/
>
> Does anyone know what causes it?
>
> francois
>
>   





Get it on your page in Mac Safari, Camino, as well as FF/3.
Try validating the CSS; and, put all the script calls /beneath/ the last 
conditional comment.
Interesting article about FOUC:




-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Oddity in FF3 related to overflow:auto

[Philippe Wittenbergh]

On Jun 30, 2008, at 8:13 PM, Francois Jordaan wrote:

> I've noticed that this page renders differently in FF3 than in other
> browsers:
>
> http://nedbatchelder.com/blog/200806/spore_creature_creator_and_steganograph
> y.html
>
> In FF3, the entire page has a horizontal scrollbar, and the content  
> area is
> stretched to the full page width.

I don't see any problem on that page, but I'm confident that the issue  
has been solved by locking the width of the .comments .comment div to  
540px.
And I'm 100% sure that that page would have shown the same behaviour  
with Safari 3.

> The culprit is the long unbroken text in the comment by  szevvy on  
> 7:48 PM
> on 25 Jun 2008, although overflow:auto on .comment should've put the
> scrollbar on the comment block only.

correct as for the culprint.

> I've tried to distill it to a minimal test case,
> http://www.fjordaan.net/tests/overflow-test.html
> but this behaves correctly in FF3.
You were nearly there; you're missing a table, though.

Here are a couple of test cases:


What is happening here: a table, with 'table-layout:auto' contains in  
one column a block element with overflow set to scroll/auto/hidden.
When that element contains a very long string of unbreakable text, or  
a very large image, the table expands to accommodate the width of that  
text/image.

That is the CORRECT behaviour for a table with 'table-layout:auto'.

(Fx 2 was buggy in this, I consider Opera's behaviour buggy)

One way to 'fix' is what is done on the nedbatchelder.com page: lock  
the 'width' of the element with overflow.
Easy to do within a layout that has frozen/fix width.
(the sample with a lime green background in my test file uses the same  
technique.)

Another option to 'fix' this is using 'table-layout: fixed' and a set  
width on the table (e.g table {width:50%; table-layout: fixed; }).

Note, I use 'fix', by this a mean 'control'.

For the curious, my short explanation above is is available in more  
details in the comments of this bug report:

pay attention to the comments by Daniel Holbert.


Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check please (IE6 ideally)

[WEZ!]

Heya all,

Just done some footer work on this page and want to know if the page 
is rendering without flaws in most peoples browsers.
http://cedd.raez.net/cedd.html

I've ran it through all the modern browsers on my work Mac and if 
anyone ideally could put it through its paces on IE6 that would be 
very very appreciated. I need to know if the page scales correctly 
with decreasing window widths and font size changes.

It's also using a new IEpngfix which was causing a minor rendering 
issue in IE6 earlier which I'm thinking may have gone. The right 
border should be even from the top of the page to the bottom.

Thanks for any help. Kind Regards

Wesley Lamont

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Oddity in FF3 related to overflow:auto

[Bill Brown]

Francois Jordaan wrote:
> Hi,
> 
> I've noticed that this page renders differently in FF3 than in other
> browsers:
> 
> http://nedbatchelder.com/blog/200806/spore_creature_creator_and_steganograph
> y.html
> 
> In FF3, the entire page has a horizontal scrollbar, and the content area is
> stretched to the full page width.
> 
> The culprit is the long unbroken text in the comment by  szevvy on 7:48 PM
> on 25 Jun 2008, although overflow:auto on .comment should've put the
> scrollbar on the comment block only.
> 
> I've tried to distill it to a minimal test case,
> http://www.fjordaan.net/tests/overflow-test.html
> but this behaves correctly in FF3.
> 
> Can anyone see what, on Ned's page, is causing FF3 to ignore overflow:auto?
> 
> francois

Both of these URLs render identically on my FF3/Ubuntu 8.04 system.

-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF3 FOUC

[Bill Brown]

Francois Jordaan wrote:
> Hi,
> 
> On some sites, including one I'm working on, I've noticed a Flash of
> Unstyled Content (FOUC) in FF3, which doesn't occur in any other browser.
> (This is where the page content displays unstyled for a split second before
> the CSS kicks in.)
> 
> The site I'm working on is not yet public, but here's another example:
> http://www.worthing.gov.uk/visiting-worthing/
> 
> Does anyone know what causes it?
> 
> francois

Hi Francois,

When I moved your three style sheets above your javascript block, this
seemed to fix the fouc in ff3. Probably, only the content style sheet
needs to be moved (and maybe sidebar), but in keeping your source code
relatively consistent, I moved all three and it seemed to work fine.

Hope it helps.
Bill


-- 
/**
 * Bill Brown
 * TheHolierGrail.com & MacNimble.com
 * From dot concept...to dot com...since 1999.
 ***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Oddity in FF3 related to overflow:auto

[Francois Jordaan]

Hi,

I've noticed that this page renders differently in FF3 than in other
browsers:

http://nedbatchelder.com/blog/200806/spore_creature_creator_and_steganograph
y.html

In FF3, the entire page has a horizontal scrollbar, and the content area is
stretched to the full page width.

The culprit is the long unbroken text in the comment by  szevvy on 7:48 PM
on 25 Jun 2008, although overflow:auto on .comment should've put the
scrollbar on the comment block only.

I've tried to distill it to a minimal test case,
http://www.fjordaan.net/tests/overflow-test.html
but this behaves correctly in FF3.

Can anyone see what, on Ned's page, is causing FF3 to ignore overflow:auto?

francois


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] FF3 FOUC

[Francois Jordaan]

Hi,

On some sites, including one I'm working on, I've noticed a Flash of
Unstyled Content (FOUC) in FF3, which doesn't occur in any other browser.
(This is where the page content displays unstyled for a split second before
the CSS kicks in.)

The site I'm working on is not yet public, but here's another example:
http://www.worthing.gov.uk/visiting-worthing/

Does anyone know what causes it?

francois

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/