David McGlone wrote: > On Monday 23 February 2009 5:42:58 pm David Laakso wrote: >> David McGlone wrote: >>> What could be causing opera to make images overflow instead of >>> wrapping to the next line?
> http://www.dmcentral.net/test "Opera, I love you!" Molly 'the cat'[1] Looks like you have just encountered, and demonstrated, the effect of "non-breaking spaces" ( ) on inline-content, and I have yet to figure out what makes *all those other browsers* "think" they should break "non-breaking spaces" the way they do. Maybe I one day will find out that browsers are "allowed to" break "non-breaking spaces", for some obscure legacy-reason or whatever. *Now, to make things work* I think you should start by making up your mind about which standard you want to mark up in accordance to, and then clean up the markup accordingly. What you have is no good, I'm afraid... <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dmcentral.net%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.606> Next step would be to get rid of all "non-breaking spaces" between those images, and use CSS to line the images up - as block-element. The addition of... #img_cursor h1 {clear: left;} #img_cursor img {float: left; margin: .3em .5em 0 0;} ...will do wonders on a good markup. The result should look somewhat like this... <http://www.gunlaug.no/tos/alien/dmg/test_09_0226.html> ...and have valid markup in accordance with a suitable (I just picked one) standard... <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gunlaug.no%2Ftos%2Falien%2Fdmg%2Ftest_09_0226.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.606> Once that's done there shouldn't be any major disagreements across browser-land. regards Georg [1]http://www.gunlaug.no/contents/molly_1_25.html -- http://www.gunlaug.no ______________________________________________________________________ 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/
