IE7 FF don't look the same

mykl · #1 Oct 27th, 2007, 11:58

Can anyone tell me why the two columns of pictures here:
http://www.freewebs.com/mykl/gallery%20test.html
are close together in IE7 but further apart in FF? And if so, how do I make them look like they do in IE7?

Here's the code:

.menu1 {margin:0px auto;}
.menu1 ul li a, .menu ul li a:visited {display:block; text-decoration: none; text-align:left; padding-left: 0px;}
.menu1 ul {padding:0; margin:0; list-style-type: none;}
.menu1 ul li {float:right; position:relative;}
.menu1 ul li ul {visibility:hidden; position:absolute;}
.menu1 table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}
.menu1 ul li:hover ul, .menu ul li a:hover ul {visibility:visible; top:-100px; right:115px;}
.menu1 ul li:hover ul li, .menu ul li a:hover ul li {display:block; clear:both;}
.menu1 ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
.menu1 ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; padding-left:-5px;}

Marc · #2 Oct 27th, 2007, 12:03

I dont really know the answer to your above question but i feel this is more important than what you are mentioning.. Have you chacked the state of the site in IE 6?

Everything is in the wrong place. Do you want a screenshot?

mykl · #3 Oct 27th, 2007, 12:04

yes please
how do i download ie6? it won't let me install as I have ie7...

Marc · #4 Oct 27th, 2007, 12:42

You can get multiple ie from here: http://tredosoft.com/Multiple_IE.

mykl · #5 Oct 27th, 2007, 18:38

IE6 installed.
IE6 layout problem fixed.
So... back to my origianl question. Anyone got any ideas?

mykl · #6 Oct 27th, 2007, 18:45

And why does my footer appear about 20px too high in IE? I've got it set 0px above the bottom and it works in FF.

Monie · #7 Oct 29th, 2007, 05:11

testing...

test
test

mykl · #8 Oct 29th, 2007, 13:15

Well Monie, thanks for your er.... thing there! So apparently no one can answer my question or help me fix it... Thing is - FF is misbehaving, not IE! :-p

MikeHopley · #9 Oct 29th, 2007, 13:19

Quote:

Originally Posted by mykl

Well Monie, thanks for your er.... thing there! So apparently no one can answer my question or help me fix it... Thing is - FF is misbehaving, not IE! :-p

I very much doubt that.

IE may be giving you what you want, but Firefox will display what you've actually coded.

Monie · #10 Oct 30th, 2007, 02:37

Hi mykl, sorry about the joke

I don't have time to answer your question yesterday since I am quiet busy, all I can think of is that animation.

Ok, I know that you downloaded the hoverbox image gallery from somewhere right? It maybe design for a specific browser or not it's not browser compatible, I would say..!

I have downloaded one too a few month ago and found out that they are compatible with my FF and IE7 browser, you might want to try them:

Cheers..

mykl · #11 Oct 30th, 2007, 13:51

I found the hoverbox codes you listed above but I didn't use them. What you see on the site listed at the top is my variation on a pop-up menu. I don't understand why FF shows a gap between the rows of pics cos the padding is set to 0 on everything.
I downloaded one of the hoverbox files but couldn't open it cos I couldn't find the right prog to open it with. But that doesn't matter - what is more important is why there is about 100px of white space at the bottom of the page BELOW THE THINGS THAT ARE POSITIONED AT 0PX FROM THE BOTTOM! Using an hyperlink within the page causes the whole page to shift up (as well as the content div scrolling) so the top of the page goes out of sight.
Someone help me please - i'm very frustrated about the blank space.

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
IE7 FF don't look the same