Re: [css-d] maintaining site proportions across screen resolution -NOT Quite
I don't have safari to test on but konqueror 3.5.5 has the same problem until you remove position: relative from the #outer rule. Fortunately the only effect that seems to have in firefox is to lengthen the relative height of both #inner and its contents which is reasonably accounted for by adjusting #inner's height. Your original link seems to have done basically that since it looks the same in firefox and konqueror to me. I've seen complaints about position: relative in safari before but this is quite a dramatic failure since the majority of the remaining css is completely ignored (although strangely some of it is still being used). Rob On 8/7/07, Ian Young [EMAIL PROTECTED] wrote: Subject: Re: [css-d] maintaining site proportions across screen resolution -NOT Quite On Aug 7, 2007, at 8:55 PM, Ian Young wrote: Pity really as it was beginning to look quite good across various screen resolutions. Looks as if Safari PC not too keen on position:absolute See http://www.iyesolutions.co.uk/templates/trossachs/index-4.html Any thoughts, folks? I have prepared a simplified version at: http://www.iyesolutions.co.uk/templates/trossachs/height-test.html The style rules are in the header. And it seems that it is the position:relative in the outer div which is the start of the issue for Safari I don't know which display you consider 'correct'. Latest Webkit build (post Safari 3.03b) and Opera 9.22 display exactly the same. If you wrap your 'Hello moto' in a p, then Fx 2.0, Opera, Webkit, Safari 3.0 and Minefield (FX 3 alpha) all agree. Thanks Philippe. In Safari PC, the script doesn't work at all, see http://www.iyesolutions.co.uk/templates/trossachs/safari.jpg Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.8/940 - Release Date: 06/08/2007 16:53 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] maintaining site proportions across screen resolution-NOT Quite
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Robert Van Dam Sent: 09 August 2007 08:07 To: CSS-D Subject: Re: [css-d] maintaining site proportions across screen resolution-NOT Quite I don't have safari to test on but konqueror 3.5.5 has the same problem until you remove position: relative from the #outer rule. Fortunately the only effect that seems to have in firefox is to lengthen the relative height of both #inner and its contents which is reasonably accounted for by adjusting #inner's height. Your original link seems to have done basically that since it looks the same in firefox and konqueror to me. I've seen complaints about position: relative in safari before but this is quite a dramatic failure since the majority of the remaining css is completely ignored (although strangely some of it is still being used). Rob Thanks Rob, Good to find out that some one else had same problem with Safari. I'll go fettle the inner div's height and see how that turns out. It may be academic as client is not that keen on the fluid solution in any case. Cheers Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.8/941 - Release Date: 07/08/2007 16:06 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] maintaining site proportions across screen resolution - NOT Quite
To: [EMAIL PROTECTED] Css-Discuss. Org Subject: [css-d] maintaining site proportions across screen resolution Hi list Have been developing a fluid version of site for client as comparison to fixed layout. It looks fine at 800 and 1024 but is out of proportion at 1280. If I make the divs expand to 100% that means that the text in centre elements will break out of the parent divs at lower resolutions. I found the solution at http://archivist.incutio.com/viewlist/css-discuss/68961 Very elegant but takes a lot of tweaking where there are a bunch of nested divs with heights that need to be defined. Well, it may be elegant enough for FF, and IE7 but IE7 adds a huge amount of white space at the bottom and Safari PC spits it out as garbage. Pity really as it was beginning to look quite good across various screen resolutions. Looks as if Safari PC not too keen on position:absolute See http://www.iyesolutions.co.uk/templates/trossachs/index-4.html Any thoughts, folks? Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.8/940 - Release Date: 06/08/2007 16:53 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] maintaining site proportions across screen resolution - NOT Quite
Well, it may be elegant enough for FF, and IE7 but IE7 adds a huge amount of white space at the bottom and Safari PC spits it out as garbage. Pity really as it was beginning to look quite good across various screen resolutions. Looks as if Safari PC not too keen on position:absolute See http://www.iyesolutions.co.uk/templates/trossachs/index-4.html Any thoughts, folks? I have prepared a simplified version at: http://www.iyesolutions.co.uk/templates/trossachs/height-test.html The style rules are in the header. And it seems that it is the position:relative in the outer div which is the start of the issue for Safari Cheers Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.8/940 - Release Date: 06/08/2007 16:53 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] maintaining site proportions across screen resolution - NOT Quite
On Aug 7, 2007, at 8:55 PM, Ian Young wrote: Pity really as it was beginning to look quite good across various screen resolutions. Looks as if Safari PC not too keen on position:absolute See http://www.iyesolutions.co.uk/templates/trossachs/index-4.html Any thoughts, folks? I have prepared a simplified version at: http://www.iyesolutions.co.uk/templates/trossachs/height-test.html The style rules are in the header. And it seems that it is the position:relative in the outer div which is the start of the issue for Safari I don't know which display you consider 'correct'. Latest Webkit build (post Safari 3.03b) and Opera 9.22 display exactly the same. If you wrap your 'Hello moto' in a p, then Fx 2.0, Opera, Webkit, Safari 3.0 and Minefield (FX 3 alpha) all agree. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] maintaining site proportions across screen resolution -NOT Quite
Subject: Re: [css-d] maintaining site proportions across screen resolution -NOT Quite On Aug 7, 2007, at 8:55 PM, Ian Young wrote: Pity really as it was beginning to look quite good across various screen resolutions. Looks as if Safari PC not too keen on position:absolute See http://www.iyesolutions.co.uk/templates/trossachs/index-4.html Any thoughts, folks? I have prepared a simplified version at: http://www.iyesolutions.co.uk/templates/trossachs/height-test.html The style rules are in the header. And it seems that it is the position:relative in the outer div which is the start of the issue for Safari I don't know which display you consider 'correct'. Latest Webkit build (post Safari 3.03b) and Opera 9.22 display exactly the same. If you wrap your 'Hello moto' in a p, then Fx 2.0, Opera, Webkit, Safari 3.0 and Minefield (FX 3 alpha) all agree. Thanks Philippe. In Safari PC, the script doesn't work at all, see http://www.iyesolutions.co.uk/templates/trossachs/safari.jpg Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.8/940 - Release Date: 06/08/2007 16:53 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/