Solved

showing spaces in firefox browser

Posted on 2011-03-06
6
276 Views
Last Modified: 2012-05-11
I have created a landing page for Facebook using css.  For some reason there are a couple of small white spaces showing only in firefox.  Can anyone tell me why?  the spaces are under the text for "Quality" and "Service"

The link to the facebook page is :https://www.facebook.com/pages/Bright-Ideas-Web-Design/181593341885111?sk=app_4949752878

The link to my css file is:  http://www.brightideaswebdesign.com/bright-ideas-images/fb/fbstyle.css

0
Comment
Question by:brightsusan
6 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35048993
I don't see it, here's a screen shot.  Since it's all images, no text, I'd just make it one image.  Loads faster that way too.
BrightEyes.jpg
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 35048996
I cannot see any spaces under "Quality" and "Service" images.
0
 
LVL 6

Assisted Solution

by:GregArnott
GregArnott earned 100 total points
ID: 35049533
As above, I am not seeing the spaces as described. (Firefox 4.0b12 as test).

Have you considered clearing cache or a forced refresh in case older versions of images were present?

Your styling is also presenting an aggressive approach towards layout, with all the images being displayed using absolute positioning. Dave is right - it'd be simpler to load as a single image, as well as being faster with less chance of errors.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:brightsusan
ID: 35050979
Thanks... I'll clear the cache and see what's going on...

I will have links to a couple of the images so I to leave it as separate images.
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 400 total points
ID: 35052712
I might still leave the big image as a single image and use transparent gifs to anchor the links over the main image.  I don't know if that will work on that page or not.
0
 

Author Comment

by:brightsusan
ID: 35059127
Thanks DaveBaldwin.... thats a great idea.  I've just started working with FBML and it's not fun!  I'll see if that will work with their system.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Login area of a page 4 33
jQuery detect if it is a mobile device 3 108
How to change pointer icon to hand icon on mouseover 2 20
compact pure CSS Read More Toggle 4 24
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

863 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now