Solved

Help removing a hairline gap in page?

Posted on 2013-01-08
6
421 Views
Last Modified: 2013-01-09
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
0
Comment
Question by:Amanda Watson
6 Comments
 
LVL 3

Expert Comment

by:Tm-L
Comment Utility
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
0
 
LVL 12

Expert Comment

by:Dean OBrien
Comment Utility
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
0
 
LVL 21

Accepted Solution

by:
Kim Walker earned 500 total points
Comment Utility
I see the hairline in Firefox 17.0.1 on MacOS X 10.6.8. I can get rid of it by adding a margin-bottom: -1px to your "fadeshow1" div. However, if it were me and I could control all the content, I would remove the two <br> tags at the top of that table cell and another at the bottom and eliminate all the negative margins to offset those <br> tags. The <br> tags are inheriting a font size of 12px and a line height of 135%. But they could easily inherit a different font size and line height in a different browser.
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 3

Expert Comment

by:wadehults
Comment Utility
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.
0
 
LVL 30

Expert Comment

by:Wayne Barron
Comment Utility
In Chrome, the bottom of the image, slightly over laps the bottom line.
0
 
LVL 11

Author Closing Comment

by:Amanda Watson
Comment Utility
This solution worked for me thanks
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now