Re: [WSG] IE6 background image positioning problem

2008-05-16 Thread Matijs
 And I've spent more time that I should have on this site already! At least
 I've fixed up the lefthand nav so it holds together, and displays
correctly
in IE6 (which is as low as we have to go here).

We all feel your pain ;)

Anyway, good luck with the site and I'm sure you'll get it to work the way
you want it to.

Gr.

Matijs


On Fri, May 16, 2008 at 1:22 AM, Susie Gardner-Brown [EMAIL PROTECTED]
wrote:

 Thanks very much Gunlaug - that did work!

 And Matljs - re the banner table, I work at a university where you are
 supposed to use their template for university web pages. And the template
 is
 all in tables!! Over time I have taken most of the template out of tables,
 but to date have left the banner. This time I got the lefthand nav
 successfully out! I'll have a look at using your solution next time but I
 imagine it will take a while to get the banner to display the way it's
 supposed to without being in a table.

 And I've spent more time that I should have on this site already! At least
 I've fixed up the lefthand nav so it holds together, and displays correctly
 in IE6 (which is as low as we have to go here).

 cheers
 susie


 On 15/5/08 6:13 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:

  Susie Gardner-Brown wrote:
 
  http://crunchie.tedi.uq.edu.au/trials/UCTLC/index6.html
 
  That big image on the right is a bg image in a container that has
  absolute positioning. It works fine in Firefox on my Mac, but IE6 it
  drops down.
 
  Can anyone see what I'm doing wrong?
 
  You're trying to fixed-position a background, which I don't think you
  really want since that means the background is positioned relative to
  the browser-window - not the page.
 
  Anyway, IE6 can't handle fixed backgrounds on regular elements inside
  body, so it is absolute positioning that background.
 
  Change to...
 
  #entryContainer {
  background: #FFF url(entry-bg.jpg) no-repeat 193px 0;
 
  }
 
  ...and IE6 will line up with the other browsers - or rather the other
  way around but with all parts in the correct places.
 
  regards
  Georg



 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE6 background image positioning problem

2008-05-15 Thread Matijs
Hmm...

Wouldn't it be much easier to wrap the site in a wrapper, use a full with
header div (instead of the tabel you're using now) and then float a
navigation div and a content div  underneath them?

div id=wrapper
div id=header
!-- your header stuff goes here --
!-- header --/div
div id=navigation
!-- your nav stuff goes here --
!-- navigation --/div
div id=content
!-- your content goes here --
!-- content --/div
div id=footer
!-- your footer goes here --
!-- footer --/div
!-- wrapper --/div

CSS:

div#wrapper { width: 780px;}

div#header {width: 780px;}

div#navigation {width: 192px; float: left;}

div#content {width: 588px; float: left;}

div#footer {width: 780px; clear both;}

When that's done, you can just stick the background image to your #content
div.

Hope this helps.

Matijs

On Thu, May 15, 2008 at 2:05 AM, Susie Gardner-Brown [EMAIL PROTECTED]
wrote:

 Hi there

 I'm sure I should know how to fix this but I can't!

 http://crunchie.tedi.uq.edu.au/trials/UCTLC/index6.html
 http://crunchie.tedi.uq.edu.au/trials/UCTLC/uctlc6.css

 That big image on the right is a bg image in a container that has absolute
 positioning. It works fine in Firefox on my Mac, but IE6 it drops down.
 I've
 tried conditional comments taking out the vertical position on the image
 but
 it does nothing.

 Can anyone see what I'm doing wrong?

 Thanks
 susie



 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE6 background image positioning problem

2008-05-15 Thread Gunlaug Sørtun

Susie Gardner-Brown wrote:


http://crunchie.tedi.uq.edu.au/trials/UCTLC/index6.html



That big image on the right is a bg image in a container that has
absolute positioning. It works fine in Firefox on my Mac, but IE6 it
drops down.



Can anyone see what I'm doing wrong?


You're trying to fixed-position a background, which I don't think you
really want since that means the background is positioned relative to
the browser-window - not the page.

Anyway, IE6 can't handle fixed backgrounds on regular elements inside
body, so it is absolute positioning that background.

Change to...

#entryContainer {
background: #FFF url(entry-bg.jpg) no-repeat 193px 0;

}

...and IE6 will line up with the other browsers - or rather the other
way around but with all parts in the correct places.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] IE6 background image positioning problem

2008-05-15 Thread Susie Gardner-Brown
Thanks very much Gunlaug - that did work!

And Matljs - re the banner table, I work at a university where you are
supposed to use their template for university web pages. And the template is
all in tables!! Over time I have taken most of the template out of tables,
but to date have left the banner. This time I got the lefthand nav
successfully out! I'll have a look at using your solution next time but I
imagine it will take a while to get the banner to display the way it's
supposed to without being in a table.

And I've spent more time that I should have on this site already! At least
I've fixed up the lefthand nav so it holds together, and displays correctly
in IE6 (which is as low as we have to go here).

cheers
susie 


On 15/5/08 6:13 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:

 Susie Gardner-Brown wrote:
 
 http://crunchie.tedi.uq.edu.au/trials/UCTLC/index6.html
 
 That big image on the right is a bg image in a container that has
 absolute positioning. It works fine in Firefox on my Mac, but IE6 it
 drops down.
 
 Can anyone see what I'm doing wrong?
 
 You're trying to fixed-position a background, which I don't think you
 really want since that means the background is positioned relative to
 the browser-window - not the page.
 
 Anyway, IE6 can't handle fixed backgrounds on regular elements inside
 body, so it is absolute positioning that background.
 
 Change to...
 
 #entryContainer {
 background: #FFF url(entry-bg.jpg) no-repeat 193px 0;
 
 }
 
 ...and IE6 will line up with the other browsers - or rather the other
 way around but with all parts in the correct places.
 
 regards
 Georg



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] IE6 background image positioning problem

2008-05-14 Thread Susie Gardner-Brown
Hi there

I'm sure I should know how to fix this but I can't!

http://crunchie.tedi.uq.edu.au/trials/UCTLC/index6.html
http://crunchie.tedi.uq.edu.au/trials/UCTLC/uctlc6.css

That big image on the right is a bg image in a container that has absolute
positioning. It works fine in Firefox on my Mac, but IE6 it drops down. I've
tried conditional comments taking out the vertical position on the image but
it does nothing. 

Can anyone see what I'm doing wrong?

Thanks
susie



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***