Scrollbar on Firefox and CSS layout

[Ricardo]

I have a layout issue where I am trying to align my fixed div in the center
of the browser window. In Firefox if the content of the body is longer than
the browser window, the scrollbar appears and pushes the content
horizontally. This in turn gives the other pages, which are not as long, a
misaligned and off centre appearance.

I tried this in IExplorer and because the scrollbar is fixed, it works fine.

Is there a CSS hack or technique out there to avoid this alignment quirk?

I have both my left and right margins set to auto.

Thanks,
Ricardo

[: Nadia : **AdobeCommunityExpert**]

What I believe you are describing is a visual 'jump' if you move from a
shorter page to a longer page...... due to the default scrollbar - try using
the following in your stylesheet

html { min-height:100%; margin-bottom:1px; }


--
Nadia
Adobe® Community Expert : Dreamweaver
-------------------------------------------------
Tutorials |SEO |Templates
[url]http://www.DreamweaverResources.com[/url]
-------------------------------------------------
[url]http://www.perrelink.com.au[/url]
-------------------------------------------------
CSS Tutorials for Dreamweaver
[url]http://www.adobe.com/devnet/dreamweaver/css.html[/url]
-------------------------------------------------



"Ricardo" <radicchio2000@hotmail.com> wrote in message
news:end057$c8o$1@forums.macromedia.com...

>I have a layout issue where I am trying to align my fixed div in the center
>of the browser window. In Firefox if the content of the body is longer than
>the browser window, the scrollbar appears and pushes the content
>horizontally. This in turn gives the other pages, which are not as long, a
>misaligned and off centre appearance.
>
> I tried this in IExplorer and because the scrollbar is fixed, it works
> fine.
>
> Is there a CSS hack or technique out there to avoid this alignment quirk?
>
> I have both my left and right margins set to auto.
>
> Thanks,
> Ricardo
>

[Ricardo]

I am glad you understood my long explanation.
Yes, this is just what I needed to fix the pages!

Thank you very much for your help,
Ricardo

": Nadia : **AdobeCommunityExpert**" <nadia@REMOVEdreamweaverresources.com>
wrote in message news:end2at$eb3$1@forums.macromedia.com...

> What I believe you are describing is a visual 'jump' if you move from a
> shorter page to a longer page...... due to the default scrollbar - try
> using the following in your stylesheet
>
> html { min-height:100%; margin-bottom:1px; }
>
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> -------------------------------------------------
> Tutorials |SEO |Templates
> [url]http://www.DreamweaverResources.com[/url]
> -------------------------------------------------
> [url]http://www.perrelink.com.au[/url]
> -------------------------------------------------
> CSS Tutorials for Dreamweaver
> [url]http://www.adobe.com/devnet/dreamweaver/css.html[/url]
> -------------------------------------------------
>
>
>
> "Ricardo" <radicchio2000@hotmail.com> wrote in message
> news:end057$c8o$1@forums.macromedia.com...

>>I have a layout issue where I am trying to align my fixed div in the
>>center of the browser window. In Firefox if the content of the body is
>>longer than the browser window, the scrollbar appears and pushes the
>>content horizontally. This in turn gives the other pages, which are not as
>>long, a misaligned and off centre appearance.
>>
>> I tried this in IExplorer and because the scrollbar is fixed, it works
>> fine.
>>
>> Is there a CSS hack or technique out there to avoid this alignment quirk?
>>
>> I have both my left and right margins set to auto.
>>
>> Thanks,
>> Ricardo
>>

>
>

[: Nadia : **AdobeCommunityExpert**]

"Ricardo" <radicchio2000@hotmail.com> wrote in message
news:endmd6$7jf$1@forums.macromedia.com...

>I am glad you understood my long explanation.
> Yes, this is just what I needed to fix the pages!
>
> Thank you very much for your help,

You're welcome :)

--
Nadia
Adobe® Community Expert : Dreamweaver
-------------------------------------------------
Tutorials |SEO |Templates
[url]http://www.DreamweaverResources.com[/url]
-------------------------------------------------
[url]http://www.perrelink.com.au[/url]
-------------------------------------------------
CSS Tutorials for Dreamweaver
[url]http://www.adobe.com/devnet/dreamweaver/css.html[/url]
-------------------------------------------------