Richard Gilmore wrote:
> I could live with it being off in IE as compared to FF it's not too 
> bad but I want to impress so I'd really like it to be better. The 
> text is lower down in IE and I've been able to make it go higher in 
> IE but only to break it in FF. Fixing it in one browser just causes 
> me grief in another.

> <http://www.edu.uwo.ca/newsletter/tutorial_test_ie.html>

Based on existing markup the following addition will do across
browser-land...

#leftColb a {float: left;}
#leftColb p a {float: none; display: block;}

...IE/win will line text/image up as you want, and 'display: block' on
the anchors should give Safari something to hold on to also :-)

However, the div#leftColb is a bit narrow and doesn't allow for
font-resizing without breaking the paragraph - long words fall below the
image, so maybe a more suitable width for div#leftColb should be found -
along with 'height: auto'.

---

Shawn has suggested a different markup - a list - for such a layout. I
didn't look at his suggestion in any depth, but a list definitely sounds
like the right kind of markup in your case.

---

So now you have two options. You can restyle the markup you've got, or
rearrange the entire thing. I can think of half a dozen other options
that'll work well across browser-land, but no need for them now.
Anyway, creating separate versions surely isn't needed.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to