[SOLVED] White Space in Firefox

a1anm · #1 Oct 30th, 2007, 21:48

Hi everyone.

I'm in the process of making a website but i've run into a problem.

I have some thumbnail pictures which when clicked on show the full picture in a pop up window.

Everything works fine in IE but when I try it in Firefox I always have a white space at the bottom of the pop up.

I'm pretty sure this shouldn't be there as i've set the pop up window to the exact same size as the image.

To see what i mean go here:

www.kelseydelo.com , select portfolio and then click on one of the thumbnails.

As i mentioned the problem only seems to appear in firefox.

Any help would be appreciated as this is really bugging me.

thanks.

alexgeek · #2 Oct 30th, 2007, 22:11

I have no whitespace in FF with those images.
Maybe post a screen shot of what you see?

aihazm · #3 Oct 30th, 2007, 22:20

me neither, no whitespaces

you also have errors, slide2 is not defined and some css errors

a1anm · #4 Oct 30th, 2007, 22:37

thanks for having a look. heres a screen shot of what i see.

http://img266.imageshack.us/img266/6...itelineci9.png

i guess it may just be a problem with my browser which is good news.

could you explain what what the css errors are and how i could fix them?

i'm kind of new to this whole thing.

alexgeek · #5 Oct 30th, 2007, 22:40

Wierd I don't get that at all.
What Operating System are you on? I don't recognize that theme.

a1anm · #6 Oct 30th, 2007, 22:43

windows xp.

i'm using window blinds which maybe explains the different theme. maybe thats whats causing the white stripe somehow.

aihazm · #7 Oct 31st, 2007, 06:49

Quote:

Originally Posted by a1anm

windows xp.

i'm using window blinds which maybe explains the different theme. maybe thats whats causing the white stripe somehow.

try to remove <p> tag
<p>
<img width="385" height="650" border="0" src="../../Portfolio%20Pics/Dana2.jpg"/>

</p>

karinne · #8 Oct 31st, 2007, 11:56

Wow ... amazing how many errors you can find in only a few lines of code

HTML: Select all

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Kelsey Delo - Portfolio</title>
<body style="margin:0px;" marginheight="0" marginwidth="0" margintop="0" marginbottom="0" marginleft="0" marginright="0">
</head>

<body>

<p>
<img border="0" src="../../Portfolio%20Pics/i%20wedding.JPG" width="650" height="488"></p>

</body>

</html>

1. Add a DOCTYPE
2. You have the wrong character set. Have a look at my blog entry Make your HTML efficient. There's a section about it there. You should be using UTF-8 or ISO 8859-1.
3. why is there 2 <body> tags
4. <body> should be after <head> ... </head>
5. all the attributes (except the style=" ") in the 1st body tags are deprecated
6. you are missing alt attribute to your image

Now ... to fix your white-space issue, try doing what aihazm said and remove the <p> tags around your image. Other thing you can do is add padding: 0; to the style="margin: 0;" that you have already.

a1anm · #9 Oct 31st, 2007, 19:21

thanks for the tips. i will try and fix those things.

i have found out that the 'download status bar' plugin for firefox was causing the white lines.

alexgeek · #10 Oct 31st, 2007, 19:45

There we go.
Could you mark this as sovled now via thread tools at the top?
Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
ie6 white space under div	AndrewChip	Web Page Design	1	Jun 11th, 2008 13:15
Add white space using RegEx	Access	JavaScript Forum	2	Feb 8th, 2008 03:30
Big white space	mikemay123	Web Page Design	5	Nov 6th, 2007 00:30
[SOLVED] white-space	mcdanielnc89	Web Page Design	5	Oct 8th, 2007 16:48
white space at top of page	mdb01	Web Page Design	2	Nov 26th, 2006 21:39

		Webforumz.com > Main Forums > Design Your Website > Starting Out
[SOLVED] White Space in Firefox