Posted by Els on 12/02/07 19:43

news.freedom2surf.net wrote:

> http://62.149.36.16/~generic9/index-plainexaml.htm
>
> 1)
>>The doctype isn't valid.
> Hmm, used the dreamweaver default here - Maybe I set something wrong in
> options - I'll check (also I removed the title for brevity but guess I
> should have not done).

I don't have Dreamweaver, but I've never heard of it getting the
doctype itself wrong?

> 2) when I implemented Els changes only it wokred in IE but not in Firefox.
> When applying Ben C extra changes worked in both.

I'm surprised it even worked in IE before you applied Ben's changes, I
had just missed the left floated elements altogether. Even IE would
float them left if you told them to...

> Don't fully understand
> some aspects of how it works yet but repittion and experimentation is the
> key to my learning.

The basis is quite simple though: without any stylerules, everything
will be left aligned (unless you have set it to right-to-left for
Arabic or something). There are two ways to alter the position
horizontally, one is "float", which moves the element that is floated
to either left or right, depending on the value you gave the float
property, the other is "text-align" on the *parent* of the element.
This will only work if the child of that parent is an inline element
though, or plain text.

> 3) Check out the link above in IE7 and Firfox. Note how the margin around
> the right hand nav menu is bigger in Firefox. What can I do to get a
> consistant display acorss these browsers (and ideally others)

<ul> and <li> have different default margins and paddings in different
browsers. Set all padding and margin on both <ul> and <li> to zero,
then add where you want to add. This will make them show more
consistently across browsers.

--
Els http://locusmeus.com/

[Back to original message]