Re: [css-d] maintaining site proportions across screen resolution - NOT Quite

[Ian Young]

> 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

[Ian Young]

>
>
> 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

[Philippe Wittenbergh]

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 , then Fx 2.0, Opera, Webkit,  
Safari 3.0 and Minefield (FX 3 alpha) all agree.

Philippe
---
Philippe Wittenbergh





__
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

[Ian Young]

> 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 , 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/

Re: [css-d] maintaining site proportions across screen resolution -NOT Quite

[Robert Van Dam]

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 , 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

[Ian Young]

> -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/