Tim Robertson wrote:
> I'm developing a site and am having trouble with horizontal centering  
> in IE (go figure).
>
> The test page is at :
> http://www.themontrealapartment.com/temp.html
>   
Good lord, what a mess! ;-) Tag-soup, with javascript preloading images 
for simple background-colour changes.
> With the main css at:
> http://www.themontrealapartment.com/css/fixed4all.css
>
> And the just for IE css at:
> http://www.themontrealapartment.com/css/fixed4ie.css
>
> I managed to get the header and footer fine for both IE + Safari, but  
> am having trouble making the yellow "#bar" be centered. Basically it should 
> take up the the entire vertical height of the page 
Ah - this will not happen very easily. Some monitors are larger than you 
expect; some have their text-size fixed much smaller than you might imagine.
> (plus scrolling if there is more content) - and is a fixed width of 675px  
> and should be centered with light blue side panels adjusting in size  
> on the sides.  It is working fine in Safari and Firefox on my Mac,  
> but not on IE for my PC, any suggestions?
>   
Do it all over again. With "CSS". Call back when you're done. I'd be 
more than happy to help out. For starters, here's a quick page that I 
have put up [1]. List-O-Matic Horizontal lists[2] should do everything 
that you seem to need. Zero Images, tiny bits of markup - do I have to 
go on?

Also, a "sticky" footer might be in order - see the Man in Blues' 
solution [3].

Please do use the page that I have sent you - you will need to add the 
bits with teh background images; however, it looks similiar to your 
original post, if I am not mistaken. 100% xHTML/CSS, and it should be 
standards-compliant, will degrade gracefully on any browser/device.

> Thanks!
> Tim

Regards,
Rahul.

[1] http://janaagraha.org/rahul/css-d/tim.html
[2] http://css.maxdesign.com.au/listamatic/horizontal27.htm
[3] http://www.themaninblue.com/writing/perspective/2005/08/29/


-- 

. . . . . . . . . . . . . . . . . . . . . . . .
Rahul Gonsalves
Make PNG, not War.
. . . . . . . . . . . . . . . . . . . . . . . .

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to