Newbie IE6 display problems

[smallblueplanet]

Hi, I'm creating a personal website using Expression Web2 it displays okay in
later versions of IE, but in IE6 two pages display incorrectly.

I created the site using a template so I'm not all that up on the css and
stuff, but I can't figure why some pages display ok and some don't. I used IE
Tester and an online website to check after someone using a pc at their work
running IE6 pointed the problem out to me.

The website address is www.nicolaford.com & the 'index' and 'about me' pages
display incorrectly - the rhs column seems to be pushed down the page for
some reason...

Can anyone help please?

[Ronx]

The problem is the difference in the way IE6 handles floats and widths
compared to other browsers.
First remove the widths and heights from all the <p> tags in the content
div, and remove all height attributes (including heights in inline styles)
from every tag except images.
Then, again in the <p> tags in the content div, change float: none; to
clear: left or clear: right as appropriate.
If the previous paragraph has a left floated image, then make the style in
the following paragraph clear: left;
If the previous paragraph has a right floated image, then make the style in
the following paragraph clear: right;

The heights should be removed because users can easily adjust the text size
in FireFox and other non-IE browsers. With heights set, this will result in
text in one paragraph overlapping the next - a bit of a mess. Text size can
also be adjusted in IE, but it takes an additional step. For accessibility
reasons it is better to use an alternative to pixels for sizing text - ems,
% or keywords( large, small, medium etc.) are all resizable in all browsers.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.

"smallblueplanet" <smallbl...@discussions.microsoft.com> wrote in
message news:C9DD3109-C782-4839...@microsoft.com...

[smallblueplanet]

Thanks for your Ronx. I think I can see where you're coming from, but whether
I'll be able to understand exactly how to fix things... :)

[Tina Clarke]

"smallblueplanet" <smallbl...@discussions.microsoft.com> wrote in
message news:C9DD3109-C782-4839...@microsoft.com...

took a quick look at the about page and noticed inline css as well as your
external ... its probably differences within the pages because of the inline
code... set up ew to produce embedded then if you generate it by accident
you can notice it easily and either remove it or include it into your
external sheet

see
Setting up Expression Web Ebook ( Free )
http://any-expression.com/expression-web/ebooks/setting-up-expression-web-ebook.htm

... in the meantime since for some reason you are not use a dwt... I would
take your wonky page copy the content to a blank page ....

wipe the orginal page of everything .. apply the working template again ...
insert the content .. and in that way fix your wonky pages... without a lot
of messing around

I would make sure your template did not include any inline code.... i would
turn off the formatting toolbar and I would use split view...

to learn more about time saving dwts (dyamica web templates) see

Expression Web Dynamic Web Templates Ebook
http://any-expression.com/expression-web/ebooks/expression-web-dwt-ebook.htm

hope this helps

Tina
Expression Web Tips Vo ll Ebook with 26 orginal tips
Bonus includes EW Regular Expression Query - Launch price $7
Bundled with Vol l, you can obtain both ebooks for $13
http://any-expression.com/expression-web/ebooks/

[smallblueplanet]

Thanks Tina, I'll give it a go. Didn't bother with a dwt before, just created
page from index page as there's not a lot of difference.