We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
COURSE of the MONTH
15 days, 10 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
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
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
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
At Percona’s web store you can order full Percona Database Performance Audit in minutes. Find out the health of your database, and how to improve it. Pay online with a credit card. Improve your database performance now!
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article was originally published on Monitis Blog, you can check it
here
.
Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
- Web Development
- Magento
- Server Software
- Analytics
- Monitis
- Networking, *magento2, *Monitoring tool, *pageloader, *Monitoring Software
Originally, this post was published on Monitis Blog, you can check it
here
.
It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
- Web Development
- Networking
- Web Development Software
- Monitis
- IT Administration
- *Automation, *DevOps
The viewer will receive an overview of the basics of CSS showing inline styles.
In the head tags set up your style tags:
(CODE)
Reference the nav tag and set your properties.: (CODE)
Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing.
Set up your basic HTML file. Open your form tag and set the method and action attributes.:
(CODE)
Set up your first few inputs one for the name and …
Suggested Courses
Course of the Month15 days, 10 hours left to enroll
741 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.