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

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!
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.


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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
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 …

777 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