Re: [WSG] IE6 background image positioning problem
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
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
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
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]
***
