Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


Small (1px) Design Problem

Posted on 2006-10-21
Medium Priority
Last Modified: 2006-11-18
Hi there,


is the place. Sorry about the color. It's a bit too red ...

The porblem appears in FIREFOX but not in IE6.

Between the menu items there is a small 1px gap, except below the last item. Why? According to my CSS it should display the same 1px separator. It seems that no padding is displayed even if I set it to 10px.

Any idea?

Question by:beni_luedi
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

Accepted Solution

tatkuu earned 100 total points
ID: 17781391

I can't see any problem. I tried to compare IE6 and Firefox 1.5 but they seem to look the same.

LVL 41

Assisted Solution

HonorGod earned 100 total points
ID: 17785766
I too see no problem, and I'm using FF
Do you see it regardless of the language being displayed?
I couldn't see it, but I only tried the default (Japanese) and English

However, I do not have anything but (American) English installed on my system.  I wonder if that might be contributing

Expert Comment

ID: 17789044
Same here no problems!
Im useing FF
There is problems with the borders in IE 7 though! just thought i'de point that out!
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.


Expert Comment

ID: 17789833
the only 1px gap I'm seeing is what looks like a 1px bordering around each button. But I assume that's on purpose. If so, then agreed, its the same on FireFox, IE6 and Opera.
LVL 18

Expert Comment

by:Mark Gilbert
ID: 17800501
No problem experienced in IE 7 or ff here.

Author Comment

ID: 17800945
Hi there,

I changed the design. That's why it looks OK now. Before I had a div and inside a few anchor tags as block elements. And at the bottom of the div I had a 1px padding and at the bottom of the anchor tag I had a 1px margin. But it didn't display that 1px (or 2px) gap.

Thanks everybody for your help anyway.

LVL 41

Expert Comment

ID: 17805767
Thanks for the 'A'

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

730 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