Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 21st, 2005, 12:51 AM
RickSure
Guest
 
Posts: n/a
Default Vertical and horizontal centre with background

I am a new convert to css positioning and my second project is proving a
challenge. Please help me from going back to tables!

I found some code that created a vertical and horizontal result that works
well in IE6. Firefox seems to be one pixel out with the background but
that's good enough. However the designer is viewing this on a MAC and
reports that in IE it cuts off the top half of the main image (screen shot
attached). Is this a browser incompatibility issue that I'll have to live
with or have I done something stupid?

Screen shot at http://www.e-corp.com.au/new/eCORP.jpg

The page is at http://www.e-corp.com.au/new/

Richard Pearce





  #2  
Old July 21st, 2005, 12:52 AM
Lauri Raittila
Guest
 
Posts: n/a
Default Re: Vertical and horizontal centre with background

In article <41520bff$0$2412$61ce578d@news.syd.swiftdsl.com.au >,
info@ricksure.remove-this.com.au says...[color=blue]
> I am a new convert to css positioning and my second project is proving a
> challenge. Please help me from going back to tables![/color]
[color=blue]
> I found some code that created a vertical and horizontal result that works
> well in IE6. Firefox seems to be one pixel out with the background but
> that's good enough. However the designer is viewing this on a MAC and
> reports that in IE it cuts off the top half of the main image (screen shot
> attached). Is this a browser incompatibility issue that I'll have to live
> with or have I done something stupid?[/color]

That is common problem whan using negative top margin and page is not
high enaugh. Use absolute positioning with auto margins (works in Opera)
or display:table;+vertical align (not for IE), or forget whole idea.

http://www.student.oulu.fi/~laurirai/ww/css/middle/
[color=blue]
> Screen shot at http://www.e-corp.com.au/new/eCORP.jpg
>
> The page is at http://www.e-corp.com.au/new/[/color]

404, so my answer was based purely on your text.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles