Avatar of Amanda Watson
Amanda Watson
Flag for Australia asked on

Help removing a hairline gap in page?

Hi there,
Can anyone help me fix a hairline gap in this page here
http://lisablue.com.au/index.php?option=com_content&view=article&id=83&Itemid=61

I can't see it in FF or Safari, but others insist they can see a gap between the image and the end of the page....

Can someone please help me fix this?
eelb
CSSHTMLWeb Development

Avatar of undefined
Last Comment
Amanda Watson

8/22/2022 - Mon
Tm-L

I can't see/find the issue either between several browsers inc Opera, FF, IE.

*update* I've managed to emulate the issue in Firefox @ 1680 x 1050 res if this helps you
Dean OBrien

Do you mean between the rotating banner and the bottom of the containing box? if so i dont see it.

Tested on IE7: LISA BLUE and PUBLIC RELATIONS menu is on left not right side.
(remove margin-left from topmodules in template_ie7)

Tested on IE9: Top menu items dont display, probs something to do with cufon.
(Find similar font on http://www.google.com/webfonts and use there much simpler font replacement)

Easynow
ASKER CERTIFIED SOLUTION
Kim Walker

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
wadehults

I noticed that you are using tables in that particular area within your <div>'s. I have had similar alignment issues when using tables. I would suggest that you replace your tables with <div>'s or <span>'s and specify the positions. You get much better control over page elements with these HTML tags. Technically, tables should not be used as an alignment tool, but rather as a container for tabular data.
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
Wayne Barron

In Chrome, the bottom of the image, slightly over laps the bottom line.
Amanda Watson

ASKER
This solution worked for me thanks