Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

IE Spacing

Posted on 2012-03-17
3
Medium Priority
?
254 Views
Last Modified: 2012-08-14
Hello,

Please look at http://www.villageairportvan.com/new_main.htm in FireFox (Version 10). This layout is exactly what I want.

Now look at the same page in IE (Version 8). Note the discrepancies.

I realized that one of the issues was the vertical separation between the menu bar item on the left. If you look at the code, there is a "spacer" of fixed height of 14 pixels between the bars. In FireFox, it is 14 px. In IE it is 19 px.

The image spacer.gif is 1 x 1 transparent gif.

I realize that my "old fashioned" way (not css) of doing this may not be politically correct, but why can't IE render a 14 px height image as 14 instead of 19?

How can I fix this?

PS - I tried making a php version that recognizes the browser & sets the height to 11 for IE. IE still renders it as 19.
0
Comment
Question by:Richard Korts
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 37733769
First, your DOCTYPE is incomplete so IE is rendering in 'Quirks' mode instead of 'Standards' mode.  This is the complete version:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Open in new window


In addition, if you are going to use all images, you might as well make it just one big image.  It will load much quicker than all those small ones and won't get unaligned.
0
 

Author Closing Comment

by:Richard Korts
ID: 37733865
Thanks Dave, the Doctype cleared up 99% of it.

I need to concentrate on that. You guys are getting a LOT of points because I don;t.

The reason I can't have ONE image is I have to have mouseover effects on some of the component images (not shown yet).
0
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 37733978
You can still make the constant image a back ground that is always there and put the mouseovers on top of that.  Really, fewer is better.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

660 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