Re: [css-d] Help with IE6 and #*? Box Model
http://ohalah.org/wp/index.php Felix wrote: IE6 use is down to less than 5%, deprecated by M$ even. Yes, I wasn't going to worry about IE6, until I had a specific reason to do so. Philippe wrote: As far as I can see without checking in IE 6 ... the issue is not one of box model, but margin-doubling on floated blocks Your images have a left margin, IE 6 doubles that, and making a mess. The usual fix: Worked beautifully. Thanks so much! Georg wrote: While you're fixing IE6, note that you have serious typos in the IE6 stylesheet link in that page... Thanks for pointing that out. I dispensed with the extra stylesheet because the margin-doubling doesn't require one, but no wonder I was getting nowhere with that stylesheet. As I sent my post last night, I felt like the shoemaker setting out shoe leather and lasts for the elves, knowing that when I woke up this morning I would find my web page stitched together properly. Thank you all! Beth __ css-discuss [cs...@lists.css-discuss.org] 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] Help with IE6 and #*? Box Model
On Thu, Dec 16, 2010 at 10:34 PM, Beth Lee callib...@gmail.com wrote: Hi all, I'm moving a site from tables into html5 and css, and onto WordPress. The head of the organization is concerned that the front page drops the 2 rows of 3 images out of alignment in her browser, which is ... AOL. Aargh. Aargh again. The URL I gave was one of only 2 remaining tables on the site. I have other issues with those. I meant to reference this URL regarding the IE6 box model: http://ohalah.org/wp/index.php Beth __ css-discuss [cs...@lists.css-discuss.org] 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] Help with IE6 and #*? Box Model
On Dec 17, 2010, at 2:38 PM, Beth Lee wrote:
'm moving a site from tables into html5 and css, and onto WordPress. The
head of the organization is concerned that the front page drops the 2 rows
of 3 images out of alignment in her browser, which is ... AOL.
The site is using the html5 doctype, which throws the page into quirks mode
for IE6, yes? The page validates as html5.
The HTML5 doctype doesn't trigger quirksmode in IE 6, last I checked. (the
space you have before the doctype may trigger quirksmode, though.
I meant to reference this URL regarding the IE6 box model:
http://ohalah.org/wp/index.php
As far as I can see without checking in IE 6 (the VM being on another machine),
the issue is not one of box model, but margin-doubling on floated blocks
Your images have a left margin, IE 6 doubles that, and making a mess.
The usual fix:
#home-content img {
display:block;
float:left;
margin:0 0 0.6em 0.6em;
display: inline /* -- add */
}
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [cs...@lists.css-discuss.org]
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] Help with IE6 and #*? Box Model
http://ohalah.org/wp/index.php While you're fixing IE6, note that you have serious typos in the IE6 stylesheet link in that page... link href=link rel=stylesheet type=text/css media=all href=http://ohalah.org/wp/wp-content/themes/o-twentyten/iecss.css; rel=stylesheet type=text/css ...should rather be... link rel=stylesheet type=text/css media=all href=http://ohalah.org/wp/wp-content/themes/o-twentyten/iecss.css; rel=stylesheet type=text/css regards Georg __ css-discuss [cs...@lists.css-discuss.org] 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/
