There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.
Solved
Help removing a hairline gap in page?
Posted on 2013-01-08
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
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
6 Comments
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
*update* I've managed to emulate the issue in Firefox @ 1680 x 1050 res if this helps you
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
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
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.
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.
Featured Post
There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
Before you approach an Ionic Mobile App development company for developing mobile apps using the ionic framework, you must know why you should choose the framework. Let's try to understand that through this article.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5.
As we learned in our last micr…
Suggested Courses
Course of the Month7 days, 20 hours left to enroll
584 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.