for those that like to prove that IE is a mistake....

W

WindAndWaves

Hi Gurus

Please have a look at the following page:

www.friars.co.nz/2005/H/dai.php

if you compare the two between Firefox and IE then you will find that in IE the activities and links moves all the way to the left.

I have no idea why that is.... having looked at for quite some time and validated both the stylesheet and the page itself, I am
still left wondering...

Is there anyone out there that can prove that I am right and IE is wrong (or vice versa of course - which will be more likely).

TIA

- Nicolaas
 
R

Richard

Please have a look at the following page:

if you compare the two between Firefox and IE then you will find that
in IE the activities and links moves all the way to the left.
I have no idea why that is.... having looked at for quite some time and
validated both the stylesheet and the page itself, I am
still left wondering...
Is there anyone out there that can prove that I am right and IE is
wrong (or vice versa of course - which will be more likely).

- Nicolaas

IE6 shows the same thing firefox does.
Maybe IE shows a dotted vertical line instead of a solid one, but other than
that, no noticable differences.
 
L

Leif K-Brooks

Noozer said:
I don't know what you used to code that page but the source looks like a
festering gob of crap! Go back to FrontPage!

"There are some things wrong with your page, but I'm not going to
explain what and provide advice on correcting it. Instead, I will yell
at you without giving the slightest bit of help -- even a simple pointer
to the HTML validator. I do not actually want to help make your page
better; I simply want to be mean pointlessly."
 
N

Noozer

IE6 shows the same thing firefox does.
Maybe IE shows a dotted vertical line instead of a solid one, but other than
that, no noticable differences.

I had to look for it, but, near the bottom of the page there is an unordered
list where the bullets get cut off on the left side in IE.
 
N

Noozer

Leif K-Brooks said:
"There are some things wrong with your page, but I'm not going to
explain what and provide advice on correcting it. Instead, I will yell
at you without giving the slightest bit of help -- even a simple pointer
to the HTML validator. I do not actually want to help make your page
better; I simply want to be mean pointlessly."

Pretty much.

Considering the quality of the question and quality of the code he's pretty
much asking permission to poke someone in the eye.

Did you even try and read his source code? Do you even understand what he
was asking about?
 
A

Andy Dingley

I don't know what you used to code that page but the source looks like a
festering gob of crap! Go back to FrontPage!

It's spewed out of the back-end of PHP. I'm sure it looked better in
the original source.

(Get your layout working right as static HTML before you start doing
the dynamic stuff as well)
 
R

Richard

"There are some things wrong with your page, but I'm not going to
explain what and provide advice on correcting it. Instead, I will yell
at you without giving the slightest bit of help -- even a simple
pointer
to the HTML validator. I do not actually want to help make your page
better; I simply want to be mean pointlessly."

You forgot [sic].
 
W

WindAndWaves

Noozer said:
I had to look for it, but, near the bottom of the page there is an unordered
list where the bullets get cut off on the left side in IE.

That is the one I am talking about.... Thank you for noticing it. I am sorry that my question was a little unclear.

As a validator I use, tada, validator.w3.org.

The page does not contain any php except a few little tricks.

I am sorry that the source code is on one line. If you throw it into your editor then I am sure it will format it for you...mine
does not, but then again, I am using MS stuff, dreamweaver certainly will.

Anyway, it is just a little question, about the unordered bullets moving to the left and why that it.

Thank you for your comments thus far.

- Nicolaas
 
S

Steve Pugh

WindAndWaves said:
www.friars.co.nz/2005/H/dai.php

if you compare the two between Firefox and IE then you will find that in IE the activities and links moves all the way to the left.

I have no idea why that is.... having looked at for quite some time and validated both the stylesheet and the page itself, I am
still left wondering...

Is there anyone out there that can prove that I am right and IE is wrong (or vice versa of course - which will be more likely).

In your CSS you have:
UL { list-style-type: disc; margin-top: 0.2em; margin-bottom: 0.2em; }
LI { margin-left: 0px; margin-bottom: 0.2em; }

Some browsers create the indent on a <ul> by giving a default
margin-left to the <ul>, others create the indent by giving a default
padding-left to the <ul> and/or a default margin-left to the <li>.

By setting the margin-left of the <li> but not the margin-left or
padding-left of the <ul> you change the appearance of the second group
of browsers but not the first.

So that's why IE and FF differ. Why does IE screw up one list and not
the other? Don't know. Opera which uses the same model for <ul>
indents as IE moves them both over to the left so that the bullets are
half hidden.

When playing with list indents it's important to set margin-left and
padding-left for both <ul> and <li>.
http://steve.pugh.net/test/test37.html is a bit out of date but may be
useful.

Steve
 
W

WindAndWaves

Steve Pugh said:
In your CSS you have:
UL { list-style-type: disc; margin-top: 0.2em; margin-bottom: 0.2em; }
LI { margin-left: 0px; margin-bottom: 0.2em; }

Some browsers create the indent on a <ul> by giving a default
margin-left to the <ul>, others create the indent by giving a default
padding-left to the <ul> and/or a default margin-left to the <li>.

By setting the margin-left of the <li> but not the margin-left or
padding-left of the <ul> you change the appearance of the second group
of browsers but not the first.

So that's why IE and FF differ. Why does IE screw up one list and not
the other? Don't know. Opera which uses the same model for <ul>
indents as IE moves them both over to the left so that the bullets are
half hidden.

When playing with list indents it's important to set margin-left and
padding-left for both <ul> and <li>.
http://steve.pugh.net/test/test37.html is a bit out of date but may be
useful.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <[email protected]> <http://steve.pugh.net/>

You are a legend Steve, thank you.
 
W

WindAndWaves

WindAndWaves said:
Hi Gurus


Is there anyone out there that can prove that I am right and IE is wrong (or vice versa of course - which will be more likely).

TIA

- Nicolaas

I found the answer for the moving bullet points in IE. By inserting a single &nbsp; before the UL, you can stop the second
unordered list from moving all the way to the left (this seems to be an IE bug).

Cherio

- Nicolaas
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top