demonhale — Wed, 14 Feb 2007 02:56:16 +0000

If you changed the spans on that area to divs that would also work in this case, but semantically, it would be better to use a div to wrap multiple tags wouldn't it?...

Just remember spans are useful for specific element formatting, see w3c.org...

fifeclub — Tue, 13 Feb 2007 14:17:36 +0000

demonhale;215006 wrote: Let me help you out... See you can't have an "image" tag hanging with a "span" inside a single div. IE doesn't understand it... (I checked and there are errors for IE)...

You are a genius. I had never heard that rule before, and that totally fixed it with ease. Thank you!

For the record, if I had (for some unknown reason) decided to put the second part in a div instead of a span, would that have been a problem? Now I'm trying to figure out if there's ever a need to use instead of in the first place, but that's a whole 'nother ball of wax.

Brooke — Tue, 13 Feb 2007 13:37:51 +0000

Thank you Roo! I learn something new every day!

Roo — Tue, 13 Feb 2007 06:57:30 +0000

Brooke,

The image tag has to be written that way when using XHTML. All tags get closed in XHTML and the way you close tags that were not closed in HTML 4X is like that:

Line breaks get closed too:

meta tags also get the space and the /> added to them.

demonhale — Tue, 13 Feb 2007 02:21:08 +0000

Let me help you out... See you can't have an "image" tag hanging with a "span" inside a single div. IE doesn't understand it... (I checked and there are errors for IE)...

The solution is to wrap an image with a div and declare it's height, forcing it to position itself properly...

Don't touch the CSS, it's ok... Just see your html...

Heres a before and after shot:

Just below the tag...

~~Before~~

<div id="container">

<div id="header">
	<img src="/graphics/headers/rotator.php" width="900" height="150" alt=""  />
	<span style="position:absolute; top: 94px; left: 20px">Mike Sussman</span>

</div>

<div id="menu">

Add this
~~After~~

<div id="container">

<div id="header">
	<strong><div style="height:150px;"></strong><img src="/graphics/headers/rotator.php" width="900" height="150" alt=""  /><strong></div></strong>
	<span style="position:absolute; top: 94px; left: 20px">Mike Sussman</span>

</div>

<div id="menu">

Everything is fixed after that...

Brooke — Mon, 12 Feb 2007 17:31:08 +0000

Hey - try removing the space and the / after alt="" in this line:

use this: