Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Rediculous image overflow problem

    Hi all,
    I've been slaving away on the layout of this page and I'm happy w/ it in Gecko browsers and IE 5.5 (don't care about IE 5) but I need a little bit of help PLEASE!

    The compass image at the top overlaps correctly in all tested browsers except IE! (6,5.5,5) I've tried overflow:visible; on EVERY parent object, but with no luck

    Surely I'm just missing something simple here.... right?
    Here's my main CSS file. It should be commented well enough to find the elements responsible, the order matches the order of elements in the html.

    Also, I'm having strange issues with the rendering of #textHolder h3 in Opera 7.23, which is making the block far too tall, a problem I have been unable to fix without causing more issues.

    The final issue is in Netscape 6, the main menu (tabs) has a colapsed bg and is partially covered by the left column, creating a bit of an accessibility issue to say the least .

    Brain sore, need help....
    Andrew

    *edit: constructive criticism is always welcome. But seeing as this is the third complete re-start of an assignment for college, and none of the tutors have even my level of CSS knowledge (sad, I know ), I really couldn't be stuffed making any major changes
    Last edited by mindlessLemming; 02-01-2004 at 05:51 AM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #2
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hello? anybody?
    I've never bumped one of my own threads before, but I really need some help here.
    PLEASE!!!!!
    Surely someone has made an image overhang the edge of its parent div in IE......haven't they?

    I take no responsibility for the above nonsense.


    Left Justified

  • #3
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    I've had simpler things, not containing images in backgrounds, but yes.

    I think the reason is that the #compass is limited by the #container as well as the #content element. You overflow one but not the other. Try to use absolute positioning instead of floating/negative margin, and see if that works better. (Since #content is relatively positioned, that is the element it will be absolutely positioned in relation to.)
    Last edited by liorean; 02-01-2004 at 11:39 PM.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #4
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thankyou David!
    I didn't even consider position:absolute. I've been thinking of position:absolute as a dirty word recently, but it does have its place.
    You've come to my rescue again, I'll try that now and edit this post if it worked

    *edit: Position:absolute caused it be positioned relative to the viewport, pos:relative solved the problem
    Last edited by mindlessLemming; 02-02-2004 at 12:27 AM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #5
    New Coder
    Join Date
    Feb 2004
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Just use tables next time.
    Bring it on

  • #6
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by arian
    Just use tables next time.
    ROFL!
    *cough*bite me*cough*

    I take no responsibility for the above nonsense.


    Left Justified

  • #7
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by arian
    Just use tables next time.
    I don't think we need another Tables vs. CSS debate, so I'll just come right out and say NO! That is incorrect. Tables should be used for nothing but displaying tabular data. And a website's layout is far from tabular data.

  • #8
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Paul Jr
    I don't think we need another Tables vs. CSS debate, so I'll just come right out and say NO! That is incorrect. Tables should be used for nothing but displaying tabular data. And a website's layout is far from tabular data.
    Exactly what I meant by my previous post

    *edit: Only you said it with a bit more tact
    Last edited by mindlessLemming; 02-02-2004 at 01:18 AM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #9
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by liorean
    Since #content is relatively positioned, that is the element it will be absolutely positioned in relation to.

    You'd think so, as this is what W3C say, and what usually happens. But this time, pos:absolute caused it to be positioned relative to the viewport. Really weird bug... and it happened in IE AND Moz!
    Perhaps it has something to do with the multiple centering techniques I've used (margin:auto for Gecko, text-align:centre for IE) plus the fact that all sizing, margins, padding, text (even borders) are sized with em or %???
    Who knows, but it's fixed now.

    I guess I'm not going to get any help re: the Netscape 6 and Opera 7 issues, oh well, I guess those browsers are just going to have to cop it sweet

    Thanks again David (liorean)
    Last edited by mindlessLemming; 02-02-2004 at 01:20 AM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #10
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by mindlessLemming
    Exactly what I meant by my previous post
    Heheh, my bad.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •