Starting Over - floated image not aligning unordered list properly in IE

Hi everyone.

After taking my medicine I decided to start over with the restaurant
site. I purchased a book on CSS layout and it is helping immensely.

I am making sure to pass my files through the validators before
attempting to receive help through the newsgroups.

The redone page's url is http://geocities.com/terrance.murray/veggies/

The problem that I am experiencing is that my floated images are not
allowing my unordered lists to display properly in IE. Firefox and
Netscape are producing the results that I want to see which is is text
aligned left against the image.

Another problem that I just noticed is that the spacing in my menu
(another unordered list) is greater in Firefox and Netscape than it is
in IE. I am not sure why this is occurring.


--
Thanks,
Terry

In article
<1187936597.710719.158680 (AT) q5g2000prf (DOT) googlegroups.com>,
Terry <terry.murray (AT) rogers (DOT) com> wrote:

Hi everyone.

After taking my medicine I decided to start over with the restaurant
site. I purchased a book on CSS layout and it is helping immensely.

uh oh! rf is going to scream, going to grab his camera...

I am making sure to pass my files through the validators before
attempting to receive help through the newsgroups.

How come it has 21 errors still and not valid even Transitional
4.01?

<http://validator.w3.org/check?verbos...%2F%2Fgeocitie
s.com%2Fterrance.murray%2Fveggies%2F>

The redone page's url is http://geocities.com/terrance.murray/veggies/


Another problem that I just noticed is that the spacing in my menu
(another unordered list) is greater in Firefox and Netscape than it is
in IE. I am not sure why this is occurring.

Regarding this particular thing, if the errors you have are not
causing it, he only thing to do if yu must keep your code is look
at it in IE and adjust a few things so it does look good in IE.
If this mucks up things in FF etc, then isolate the instructions
to IE. There are techniques for this but first how about the
errors?

--
dorayme

How come it has 21 errors still and not valid even Transitional
4.01?

I am going to pass it through the validators right now. Which doctype
should I be using?


--
Thanks,
Terry

Hi again.

I just passed it through the validators and it reported no problems.
I did the validation by file upload and not by the url which I guess
should not make a difference.

I did not get report of it not being Transitional 4.01.

Perhaps the problem lies in the fact that I have been working on files
local to my machine and not what is at geocities server.
I am now going to upload my files there and run the validation tests
again.

--
Thanks,
Terry

Yes its seems that geocities is adding some lines to my files thereby
causing it to fail the test.

When I try to upload the files to the validators I dont't have any
problems.

--
Thanks,
Terry

In article
<1187944823.540492.311530 (AT) q5g2000prf (DOT) googlegroups.com>,
Terry <terry.murray (AT) rogers (DOT) com> wrote:

Yes its seems that geocities is adding some lines to my files thereby
causing it to fail the test.

When I try to upload the files to the validators I dont't have any
problems.

--
Thanks,
Terry

OK, I know that problem. Have not got my Winbox on for now, but
if no one has helped you by tomorrow...

--
dorayme

Terry <terry.murray (AT) rogers (DOT) com> writes:

Yes its seems that geocities is adding some lines to my files thereby
causing it to fail the test.

You get what you pay for. :-)

When I try to upload the files to the validators I dont't have any
problems.

Unless you're going to ask each of your visitors to visit your home, so
they can see the valid pages on your local computer, I don't see how that's
relevant. What's relevant, and needs to be valid, is what will be delivered
from your site to your visitors.

sherm--

--
Web Hosting by West Virginians, for West Virginians: http://wv-www.net
Cocoa programming in Perl: http://camelbones.sourceforge.net

You get what you pay for. :-)

I am using geocities only so that people can see what I have done.
The final product won't be residing there. In fact what I am doing is
for my internship.

Anyways, people can assume that the code is valid as I checked it
recently.

If if very important I could turn my firewall off so that the site
could be viewed from my computer. Of course this will have to be done
on an one-off basis for obvious security reasons.

I am still hoping that someone can address the problem which is text
which is part of an unordered list is not aligning itself properly
against a left floated image.

It does what it was designed to do on Firefox and Netscape.

--
Thanks,
Terry

Terry wrote:

I am still hoping that someone can address the problem which is text
which is part of an unordered list is not aligning itself properly
against a left floated image.

It does what it was designed to do on Firefox and Netscape.

The way a float works is that subsequent text shrinkwraps around the
float. You see this behavior clearly on IE. It also happens on Firefox,
etc. except that the text is not sufficiently long enough to clear the
image. Increase the text size by one or more lines and you will see it
also shrinkwrap.

In order to *not* have the text shrinkwrap around the image, simply
apply to the text a margin value which is wider than the image width and
the text will keep within the margin.

--
Gus

On Aug 24, 11:40 am, Gus Richter <gusrich... (AT) netscape (DOT) net> wrote:

Terry wrote:

I am still hoping that someone can address the problem which is text
which is part of an unordered list is not aligning itself properly
against a left floated image.

It does what it was designed to do on Firefox and Netscape.

The way a float works is that subsequent text shrinkwraps around the
float. You see this behavior clearly on IE. It also happens on Firefox,
etc. except that the text is not sufficiently long enough to clear the
image. Increase the text size by one or more lines and you will see it
also shrinkwrap.

In order to *not* have the text shrinkwrap around the image, simply
apply to the text a margin value which is wider than the image width and
the text will keep within the margin.

--
Gus

Thanks Gus.

I added this to my css

#contentleft .news .leftpadding .newsitems p {
margin-left: 80px;
}

and now the text no longer shrink wraps around the image, just like
you said it would.

Unfortunately, within IE I can't get the text to display at the same
level as the top of the image. In Firefox and Netscape it does.

I have my page posted on geocities unfortunately it is not showing the
images at all. Something crazy happening with geocities I guess.
On my server (IIS) it does show properly.

For what it is worth the url to the page on geocities is
http://geocities.com/terrance.murray/veggies/

--
Thanks,
Terry