Re: [BP #3098] Some formatting issues In Mac Safari 3.2.3

[Gareth Saunders]

Hi Tyler,

having looked at those screenshots, I'm not sure what the issue is.  The Safari 3.2.3 / Mac OS X 10.5 (Leopard) screenshot from screencast.com looks almost identical to how the page renders on my PC in both Google Chome 2.0.172.31 and Firefox 2.0.11, including the slight horizontal scrolling.

Gareth

2009/6/18 Newby <tyler...@gmail.com>

Hello Members,

I have never had issues with a layout like this before.  Could you
look at the follwoing link and tell me if this is something that is
common.

http://screencast.com/t/SAYpyUj7o

I went to browsershots and tested the site there.  Here are my
results.  http://browsershots.org/http://www.dominiquebarbier.com/brazil.aspx

I have had multiple friends and aquaintences look at this page from
thier own Mac or PC using IE6,IE7, Safari 3.2.3, Safari 4.0 and
Firefox.  All have had succes but there still remains the couple of
people who get the strange formatting.

Thanks for your help.

Tyler

--
The Revd Gareth J M Saunders BD, MTh
45 Lindsay Berwick Place
Anstruther, Fife KY10 3YP

gar...@garethjmsaunders.co.uk
www.garethjmsaunders.co.uk

Firefox -- Rediscover the Web
www.getfirefox.com

[Newby]

Thanks for your response Gareth.

Just to close this thread with a solution, I had a friend look at this
page with a 30" monitor and here is her screenshot
http://screencast.com/t/dBsdLRrsw

I figured out what is going on. Because the blueprint layout forces a
"float:left" for each div using a SPAN class there needs to be a
constraining <div> parent with a width of "span-24" or in this case
950px otherwise the child divs continue to float left. My monitor has
a max resolution of 1280 by 1024 so it is small enough that the
children <divs> stack on top of one another. If the browser window is
wide enough the child divs continue to cascade across the page rather
than stack. Once I set the parent div to a width of 950px, the child
divs were forced to stack no matter how big the browser window was.

Hopefully that helps others if you are fighting with the same issues.

I am only begining to understand why everyone gets so frusterated with
Internet Explorer. Everything looks great in all of the compliant
browsers and they you check it with IE and you realize that you have
hours of fun to hack it together.

Tyler

On Jun 18, 3:50 am, Gareth Saunders <garethjmsaund...@gmail.com>
wrote:

> Hi Tyler,
> having looked at those screenshots, I'm not sure what the issue is.  The
> Safari 3.2.3 / Mac OS X 10.5 (Leopard) screenshot from screencast.com looks
> almost identical to how the page renders on my PC in both Google Chome
> 2.0.172.31 and Firefox 2.0.11, including the slight horizontal scrolling.
>
> Gareth
>

> 2009/6/18 Newby <tylernda...@gmail.com>

>
>
>
>
>
>
>
> > Hello Members,
>
> > I have never had issues with a layout like this before.  Could you
> > look at the follwoing link and tell me if this is something that is
> > common.
>
> >http://screencast.com/t/SAYpyUj7o
>
> > I went to browsershots and tested the site there.  Here are my
> > results.
> >http://browsershots.org/http://www.dominiquebarbier.com/brazil.aspx
>
> > I have had multiple friends and aquaintences look at this page from
> > thier own Mac or PC using IE6,IE7, Safari 3.2.3, Safari 4.0 and
> > Firefox.  All have had succes but there still remains the couple of
> > people who get the strange formatting.
>
> > Thanks for your help.
>
> > Tyler
>
> --
> The Revd Gareth J M Saunders BD, MTh
> 45 Lindsay Berwick Place
> Anstruther, Fife KY10 3YP
>
> gar...@garethjmsaunders.co.ukwww.garethjmsaunders.co.uk
>

> Firefox -- Rediscover the Webwww.getfirefox.com- Hide quoted text -
>
> - Show quoted text -

[Christian Montoya]

On Thu, Jun 25, 2009 at 8:40 PM, Newby<tyler...@gmail.com> wrote:
>
> Thanks for your response Gareth.
>
> Just to close this thread with a solution, I had a friend look at this
> page with a 30" monitor and here is her screenshot
> http://screencast.com/t/dBsdLRrsw
>
> I figured out what is going on.  Because the blueprint layout forces a
> "float:left" for each div using a SPAN class there needs to be a
> constraining <div> parent with a width of "span-24" or in this case
> 950px otherwise the child divs continue to float left.  My monitor has
> a max resolution of 1280 by 1024 so it is small enough that the
> children <divs> stack on top of one another.

But, um, isn't this the whole point of .container?

--
--
Christian Montoya
mappdev.com :: christianmontoya.net

[adster]

I recently experienced a very similar problem with both IE6 and IE7
for a site that I am currently working on: www findmeatradesperson dot
com

It works fine in FF/Safari but in IE when I hovered over a menu item
half of the page would disappear. I figured out that wrapping the main
menu and breadcrumb rows in a span-24 fixed the problem. Very similar
to the above where it seems the child elements inherit the float from
some other element (possibly the menu li?). Or are you suggesting to
wrap each of these elements with the .container class?

Not sure this is 100% the same issue but I can recreate this on this
site quite easily if you like.

Cheers,

Adam

On Jun 26, 1:55 am, Christian Montoya <siro...@gmail.com> wrote:

[Newby]

Thanks for pointing this out what should have been obvious. I hope
that my final post did not come across as a stroke of genius. Rather
I was hoping that if others were having the same issues like me it may
point them in the right direction.

You are right, I should be using the .container class to wrap the rest
of the content inside of.

I have just recently moved away from table layouts (thank
goodness!!!). I appreciate everyones comments and help.

Tyler

On Jun 25, 5:55 pm, Christian Montoya <siro...@gmail.com> wrote: