Small (1px) Design Problem

Posted on 2006-10-21
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 25 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 25 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!
Independent Software Vendors: We Want Your Opinion

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!


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

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

623 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