...

View Full Version : Rediculous image overflow problem



mindlessLemming
02-01-2004, 06:41 AM
Hi all,
I've been slaving away on the layout of this page (http://studentwork.qantm.com.au/akrespanis/NavAust/index.html) 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 (http://studentwork.qantm.com.au/akrespanis/NavAust/newCommon.css). 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 :o .

Brain sore, need help....
Andrew :confused:

*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:thumbsup:

mindlessLemming
02-01-2004, 11:58 PM
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?

liorean
02-02-2004, 12:34 AM
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.)

mindlessLemming
02-02-2004, 01:01 AM
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 :D

arian
02-02-2004, 01:21 AM
Just use tables next time.

mindlessLemming
02-02-2004, 01:28 AM
Originally posted by arian
Just use tables next time.

ROFL! :D
*cough*bite me*cough*

Paul Jr
02-02-2004, 01:56 AM
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.

mindlessLemming
02-02-2004, 02:07 AM
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 :o

*edit: Only you said it with a bit more tact :)

mindlessLemming
02-02-2004, 02:16 AM
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) :thumbsup:

Paul Jr
02-02-2004, 02:16 AM
Originally posted by mindlessLemming
Exactly what I meant by my previous post :o
Heheh, my bad. :o



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum