Extra line spacing in Firefox vs IE

[bgoo]

Hi. Need someone to take a quick look as what is wrong with my code.

This page displays perfect in any version of IE.

In Firefox on Mac or PC... it looks like my headers are double-spaced (space between LIVING ROOM, KITCHEN, etc).

http://www.digitalproperties.ca/20070413

It's obviously a CSS problem?

Thank you.

[Ryan Fait]

Change the list to this:

Code: Select all

<ul id="menu">
  <li><a href="1_ivp.html" target="mainFrame" class="generaltext">Living Room</a></li>
  <li><a href="2_ivp.html" target="mainFrame" class="generaltext">Kitchen</a></li>
  <li><a href="3_ivp.html" target="mainFrame" class="generaltext">Bedroom &amp; Ensuite</a></li>
  <li><a href="4_ivp.html" target="mainFrame" class="generaltext">Entrance &amp; Foyer</a></li>
  <li><a href="5_ivp.html" target="mainFrame" class="generaltext">Guildford Rec Centre</a></li>
  <li><a href="6_ivp.html" target="mainFrame" class="generaltext">Guildford Shopping Mall</a></li>
  <li><a href="slideshow.html" target="mainFrame" class="generaltext">Photo Slideshow</a></li>
</ul>

And then add this to your CSS:

Code: Select all

ul#menu, ul#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

[Ryan Fait]

Oh yeah. And if you really want to clean up the site, DROP THE FRAMES!!! It's that important I had to use caps.

[bgoo]

I would absolutely love to drop the frames. Just don't know how to create a single webpage to achieve the same effect... which of course is maintaining that header and having the separate page load within it upon clicking the link.

It is not feasible to recreate the header on each separate virtual tour page which is the only way I'd personally know how to do it (?)

[bgoo]

Thanks for the reply.

I've changed to the code you quoted above... not only did it not remove the line spacing in Firefox... it has now added the unwanted spacing in IE7.

Am I missing an element?

[Lchad]

Is Layer1 is your div for the menu right?
add

Code: Select all

margin: 0
padding: 0

to the css

[Ryan Fait]

I don't have access to IE7 at the moment, but the extra spacing can't be coming from that list... All the margins and padding are set to zero. About the header thing, use PHP includes. Frames are bad in just about every way.