Re: [css-d] A problem on safari
Tim Dawson wrote: > Could someone check this page on Mac/Safari, please, and tell me whether the > content is being 'floated' (?) way off to the right (and if so why, if > possible). > > http://www.holidaymullandiona.co.uk/sealife/whales.php > > It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, > but I have no means of viewing it myself. > > Here's one way to check with different browsers: http://browsershots.org/ Att: They only let you do one check per day. -- Vahis http://waxborg.servepics.com/ __ 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/
Re: [css-d] A problem on safari
Philippe Wittenbergh wrote:
> On Oct 16, 2008, at 8:17 PM, Tim Dawson wrote:
>
>> Philippe Wittenbergh wrote:
>>> On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote:
>>>
Could someone check this page on Mac/Safari, please, and tell me
whether the
content is being 'floated' (?) way off to the right (and if so why,
if possible).
http://www.holidaymullandiona.co.uk/sealife/whales.php
>>>
>>> #txtcol {clear:both}
>>>
>>> I'm not clear exactly what Safari/WebKit is doing. From a quick look:
>>> the orange nav is 760px wide (on purpose ?), the wrapper (outer) is
>>> 770px wide and Safari puts the #txtcol inside that 10px gap. Of course
>>> it overflows to the right.
>>>
>>> Philippe
>>
>> I installed Safari for Windows, and was able to see the effect.
>>
>> #txtcol {clear:both} seems to have fixed it, but IE7 then made a very
>> tall thin
>> column. Removing #txtcol {width: auto;} fixed that, so I think the
>> problem is
>> resolved. I still can't see anywhere that div#nav is set to 760px wide.
>>
>> Thank you for your help.
>
> When I originally loaded the page, The Webkit Inspector reported 760px
> for that orange bar. I don't remember the name of the stylesheet.
> I reloaded the page now, and it reports 770px.
> The clear:both on the #txtcol is not necessary anymore, although safe to
> add.
>
> Philippe
Thanks. The problem wasn't the absence of {clear: both;}, but the presence of
{float: none;}. The other browsers were happy, but not Safari.
I'd better get myself 'Webkit Inspector' now. I've found the nightly builds at
webkit.org. Is that it, or is there a released stable version ?
Tim
__
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/
Re: [css-d] A problem on safari
On Oct 16, 2008, at 8:17 PM, Tim Dawson wrote:
> Philippe Wittenbergh wrote:
>> On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote:
>>
>>> Could someone check this page on Mac/Safari, please, and tell me
>>> whether the
>>> content is being 'floated' (?) way off to the right (and if so why,
>>> if possible).
>>>
>>> http://www.holidaymullandiona.co.uk/sealife/whales.php
>>
>> #txtcol {clear:both}
>>
>> I'm not clear exactly what Safari/WebKit is doing. From a quick look:
>> the orange nav is 760px wide (on purpose ?), the wrapper (outer) is
>> 770px wide and Safari puts the #txtcol inside that 10px gap. Of
>> course
>> it overflows to the right.
>>
>> Philippe
>
> I installed Safari for Windows, and was able to see the effect.
>
> #txtcol {clear:both} seems to have fixed it, but IE7 then made a
> very tall thin
> column. Removing #txtcol {width: auto;} fixed that, so I think the
> problem is
> resolved. I still can't see anywhere that div#nav is set to 760px
> wide.
>
> Thank you for your help.
When I originally loaded the page, The Webkit Inspector reported 760px
for that orange bar. I don't remember the name of the stylesheet.
I reloaded the page now, and it reports 770px.
The clear:both on the #txtcol is not necessary anymore, although safe
to add.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
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/
Re: [css-d] A problem on safari
Philippe Wittenbergh wrote:
> On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote:
>
>> Could someone check this page on Mac/Safari, please, and tell me
>> whether the
>> content is being 'floated' (?) way off to the right (and if so why,
>> if possible).
>>
>> http://www.holidaymullandiona.co.uk/sealife/whales.php
>
> #txtcol {clear:both}
>
> I'm not clear exactly what Safari/WebKit is doing. From a quick look:
> the orange nav is 760px wide (on purpose ?), the wrapper (outer) is
> 770px wide and Safari puts the #txtcol inside that 10px gap. Of course
> it overflows to the right.
>
> Philippe
I installed Safari for Windows, and was able to see the effect.
#txtcol {clear:both} seems to have fixed it, but IE7 then made a very tall thin
column. Removing #txtcol {width: auto;} fixed that, so I think the problem is
resolved. I still can't see anywhere that div#nav is set to 760px wide.
Thank you for your help.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
__
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/
Re: [css-d] A problem on safari
Philippe Wittenbergh wrote:
> On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote:
>
>> Could someone check this page on Mac/Safari, please, and tell me
>> whether the
>> content is being 'floated' (?) way off to the right (and if so why,
>> if possible).
>>
>> http://www.holidaymullandiona.co.uk/sealife/whales.php
>
> #txtcol {clear:both}
>
> I'm not clear exactly what Safari/WebKit is doing. From a quick look:
> the orange nav is 760px wide (on purpose ?), the wrapper (outer) is
> 770px wide and Safari puts the #txtcol inside that 10px gap. Of course
> it overflows to the right.
>
> Philippe
> ---
Thanks, Philippe and Martin.
Martin: I'd better get myself set up with Safari for Windows pdq.
Philippe: div#nav is set to 770px in sfnav.css, I can't see any other setting
(nor should there be one), but I agree it would be a problem if it were 760px.
Where are you getting this value from ? No margins or padding on div#nav
either, although there is inside the s.
I had #txtcol {clear: both;} originally, but it seemed to cause some other
problem. Unfortunately my notes don't tell me, so I'll put it back and see !
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
__
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/
Re: [css-d] A problem on safari
On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote:
> Could someone check this page on Mac/Safari, please, and tell me
> whether the
> content is being 'floated' (?) way off to the right (and if so why,
> if possible).
>
> http://www.holidaymullandiona.co.uk/sealife/whales.php
#txtcol {clear:both}
I'm not clear exactly what Safari/WebKit is doing. From a quick look:
the orange nav is 760px wide (on purpose ?), the wrapper (outer) is
770px wide and Safari puts the #txtcol inside that 10px gap. Of course
it overflows to the right.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
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/
Re: [css-d] A problem on safari
> > > It's OK in FF3, IE7, and IE6. A colleague reports the problem in > Mac/Safari, > but I have no means of viewing it myself. > > > I just checked in Windows Safari 3.0.3 - same Problem there. You can get it here: http://www.apple.com/safari/download/ __ 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/
Re: [css-d] A problem on safari
Raoul Snyman wrote: > Hi Tim, > > On Thu, 16 Oct 2008 09:47:52 +0100, Tim Dawson <[EMAIL PROTECTED]> wrote: >> Could someone check this page on Mac/Safari, please, and tell me whether >> the content is being 'floated' (?) way off to the right (and if so why, >> if possible). >> >> http://www.holidaymullandiona.co.uk/sealife/whales.php >> >> It's OK in FF3, IE7, and IE6. A colleague reports the problem in >> Mac/Safari, but I have no means of viewing it myself. > > I've taken a screenshot, it's attached. > Thanks, Raoul, that's what my colleague reported. All the content is appearing outside the (intended) page, to the right. It feels like a float gone wrong. My problem is to determine why when I can't reproduce it on any machine I've got. Tim __ 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/
[css-d] A problem on safari
Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, but I have no means of viewing it myself. Tim __ 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/
