Posted by Jonathan N. Little on 03/01/07 17:21

Nate12o6 wrote:
> Im having a little trouble getting something to render the same in FF
> and IE.
>
> Here is a link to the problem page:
>
> http://70.154.152.139/custSelect.php
>
> FF renders it perfectly but IE will not layer the loading divs on top
> of the client list.
> Anyone know how to fix this?
First you need to fix your markup:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F70.154.152.139%2FcustSelect.php
Result for http://70.154.152.139/custSelect.php - W3C Markup Validator

Even before running the validator I noticed stuff like this:


<span style="position: relative; top: 35%; text-align:center; font-size:
3em; font-weight: bold;">
<p><center>Select Customer</center></p>
</span>

SPAN is an inline element cannot contain a block element like P, and
CENTER, well...

On a design note: making text go 'bold' on rollovers can cause
layout-jump such as yours. It looks really bad. If you insist on doing
it you must take care on the sizing of the containing element to
accommodate the text change without resizing...


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]