[css-d] Site check - if you would be so kind
If anyone has time, I would be grateful to have an eyeball cast over this site - www.bsq.com.au/acstest/index.html www.bsq.com.au/acstest/acs.css The site looks exactly as I would want in FF1.5 and IE6 running on windowsXP with minimal hacking, and although I've seen a few screen captures from browsercam, I haven't really been able to test in other browsers. I am particularly interested in why Safari seems to put the image on the index page BELOW the #content div and not above as it appears in the document flow. Sadly I don't think I'll have time to fix the site for IEMac, but I must admit to being a little curious as to why it looks so bad on browsercam - colours are all wrong, logo doesn't appear correctly, float drop of #content (but incidentally not the top image which is wider?!) etc. Thanks David Sharp __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Site check - if you would be so kind
On 14-Jun-06, at 9:38 PM, David Sharp wrote: If anyone has time, I would be grateful to have an eyeball cast over this site - www.bsq.com.au/acstest/index.html www.bsq.com.au/acstest/acs.css I can confirm: that it is indeed wonky in Safari (2.0.3) looks to be fine in DeerPark (Firefox) and Opera. falls apart in IE 5. Looks like something is pushing all your content down. All OS X 10.4.6 Sorry, don't have time to look at your code. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Site check - if you would be so kind
On Jun 15, 2006, at 11:07 AM, Donovan Bond wrote: On 14-Jun-06, at 9:38 PM, David Sharp wrote: If anyone has time, I would be grateful to have an eyeball cast over this site - www.bsq.com.au/acstest/index.html www.bsq.com.au/acstest/acs.css I can confirm: that it is indeed wonky in Safari (2.0.3) Safari (all versions, including WebKit nightly builds). The div #content is set to 'display:table-cell'. That is nicely broken in Safari, causing it to jump to the top of the parent block. IE 5.x Mac doesn't support display:table-cell at all, but when it encounters this, it pushes the content out of (below) the box. Why do you need to set that div to 'display:table-cell' ? From a quick browsing around the site, I see no reason at all. Note: IE 5 Mac also has some problems with your image replacement technique on the h1, and the #wrapper isn't painted at all (lack of clearing, the 'easy clearing' technique isn't fully implemented). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Site check - if you would be so kind
Philippe Wittenbergh wrote: Safari (all versions, including WebKit nightly builds). The div #content is set to 'display:table-cell'. That is nicely broken in Safari, causing it to jump to the top of the parent block. IE 5.x Mac doesn't support display:table-cell at all, but when it encounters this, it pushes the content out of (below) the box. Why do you need to set that div to 'display:table-cell' ? From a quick browsing around the site, I see no reason at all. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ Thanks Phillipe for this extremely helpful information. The 'display:table-cell' was a quick and dirty hack to get around the lack of min-height in IE, because I wanted pages with minimal content to stretch at least as far as the end of the navigation bar at the side. At the time this seemed the quickest and easiest way of doing it, although it did cause problems with my solution for ie's 3px bug on the image at the top. So it looks like I need another solution for min-height... Why can't all the browsers just get along...? Cheers, David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] Site check - if you would be so kind
Thanks to Phillipe I have now solved my min-height problem in Safari and
IEmac (fingers crossed this hasn't created problems elsewhere!).
I have also learned that earlier versions of IE don't support margin :
auto, and that quote marks on the uris of background images, for example:
background-image : uri('someimage.gif')
(which are incidentally so kindly added to css by front-page), don't
play nicely with IE mac. Isn't css fun!!
I'm sure I have overlooked many other little things on this site - I
really appreciate everyone's comments.
Cheers,
David
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Re: [css-d] Site check - if you would be so kind
David Sharp wrote: I'm sure I have overlooked many other little things on this site - I really appreciate everyone's comments. Recordings: Without table-cell on #content and with clear:both on h2, the h2 on the recordings pages clear the left navigation. Critical Acclaim: I do not like the combination of italics, bold, and center for quotes. Although its ubiquitous. I like the photography. The photographer nicely picked the green and gray from your page. ;) The site looks friendly. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
