Firefox and Netscape padding top of unordered list

Hi everyone.

I am now trying to keep Firefox and Netscape from inserting extra
space on top of an unordered list. I tried setting padding-top and
margin-top to 0 but that did not keep all three browsers looking the
same.

The url to my page is http://geocities.com/terrance.murray/Restaurant/

Perhaps it is IE that has the wierd behaviour.

--
Thanks,
Terry

Terry schreef:

Hi everyone.

I am now trying to keep Firefox and Netscape from inserting extra
space on top of an unordered list. I tried setting padding-top and
margin-top to 0 but that did not keep all three browsers looking the
same.

The url to my page is http://geocities.com/terrance.murray/Restaurant/

Perhaps it is IE that has the wierd behaviour.

--
Thanks,
Terry

Terry,

Do you mean the extra space on top of the blah blah-list?
There is a <br> in the preceding paragraph, could that be the problem?

--
Rob Waaijenberg

Do you mean the extra space on top of the blah blah-list?
There is a <br> in the preceding paragraph, could that be the problem?

I was referring to the blah blah list in the green area. In Firefox
and Netscape I have extra space on the top of the list. It actually
appears to be the same amount of space that is below the same list
when viewing it in IE.

--
Thanks,
Terry

Terry wrote:

Do you mean the extra space on top of the blah blah-list?
There is a <br> in the preceding paragraph, could that be the problem?

I was referring to the blah blah list in the green area. In Firefox
and Netscape I have extra space on the top of the list. It actually
appears to be the same amount of space that is below the same list
when viewing it in IE.

What the margin and padding on the UL? Ah you don't know because you
haven't explicitly set them. Browser have different default values. But
the is the least of your problems, the 'transitional' doctype will make
it a crap shoot to get constancy among browsers. Should be strict. Plus,
what the UL doing in DIV with this style, "padding:0;position:absolute;
left: 320px;"? That a wild guess what happens when you bump the font up
a couple of times.


A hint on your sig marker

--
^

Add a space here before the carriage return.

Thanks,
Terry

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

What the margin and padding on the UL? Ah you don't know because you
haven't explicitly set them. Browser have different default values. But
the is the least of your problems, the 'transitional' doctype will make
it a crap shoot to get constancy among browsers. Should be strict. Plus,
what the UL doing in DIV with this style, "padding:0;position:absolute;
left: 320px;"? That a wild guess what happens when you bump the font up
a couple of times.

A hint on your sig marker

Thanks for the quick response Jonathan.

I thought that I needed position:absolute because the div that
contains the unordered list is contained within another div.

I am not too familiar yet with doctypes, which one do you suggest I
use?

--
Thanks,
Terry

Terry wrote:

I am now trying to keep Firefox and Netscape from inserting extra
space on top of an unordered list.

That's the least of your worries.

The url to my page is http://geocities.com/terrance.murray/Restaurant/

The HTML is an ugly mess of div-itis, class-itis and inline styles. CSS
does not make a better web page when it looks like this.

If you have any plans to continue doing this after your schooling is
done, you should start over, but not before you understand something
about logical, semantic mark up. Good design practices follow that. Your
attempt is in the opposite direction.

If what you have so far is any indication of the type or quality of
instruction you've received, then you've not gotten your money's worth.
You should complain to the school.

--
Berg

On Aug 23, 12:00 pm, Bergamot <berga... (AT) visi (DOT) com> wrote:

Terry wrote:

I am now trying to keep Firefox and Netscape from inserting extra
space on top of an unordered list.

That's the least of your worries.

The url to my page ishttp://geocities.com/terrance.murray/Restaurant/

The HTML is an ugly mess of div-itis, class-itis and inline styles. CSS
does not make a better web page when it looks like this.

If you have any plans to continue doing this after your schooling is
done, you should start over, but not before you understand something
about logical, semantic mark up. Good design practices follow that. Your
attempt is in the opposite direction.

If what you have so far is any indication of the type or quality of
instruction you've received, then you've not gotten your money's worth.
You should complain to the school.

--
Berg

Actually Berg the place where I am doing the internship has not taught
us anything about accomplishing layout with CSS.
I am trying to learn it on my own. I could have easily accomplished
the same layout with tables but thought that CSS is the way to go and
that it would not hurt trying to accomplish the layout with it. I do
realize that I am using a lot of divs. It seems to me that at least a
few would have be used in order to accomplish what I am trying to
do.

I could easily convert the inline code to that which is done in the
external sheet. I am just being lazy. I hope to convert all the
inline code to that of the external sheet later.

In case you were wondering, the internship that I am doing consists of
html, asp, dreamweaver, flash and photoshop. We only received 3 hours
per topic of class time. Essentially we had to teach ourselves the
material by going over the manuals that they provided as well as the
online tutorials that they also produced.

I do plan on getting better with the css. I just ordered a book on css
layout and will delve into it when I receive it.

If you have a chance, could you possibly show me how you would lay the
page with out using css.

Again, the url for the design page as it was presented to me is:
http://geocities.com/terrance.murray...rantdesign.jpg

My page as it right now is: http://geocities.com/terrance.murray/Restaurant/

Are there any resources (online or in book form) that you suggest that
I consult?

What do you know. I just received the book while posting back to you.

It is called: HTML UTOPIA: DESIGNING WITHOUT TABLES USING CSS by
Rachel Andrew & Dan Shafer


--
Thanks,
Terry

Thanks again Jonathan.

If I am not explicitly stating the position type is the static type
being used? And is that the type that I should be using most of the
time?

I also wanted to let you know (and anyone else for that matter) that
this is my first attempt to layout a page with CSS. I'll get there
eventually.

Is this first attempt really that bad?

--
Thanks,
Terry

Terry wrote:

--
Thanks,
Terry

Altogether now:

--
^^^^^

Again to fix your signature, 2 dashes, *a space*, and then a carriage
return.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk

Terry wrote:

What do you know. I just received the book while posting back to you.

It is called: HTML UTOPIA: DESIGNING WITHOUT TABLES USING CSS by
Rachel Andrew & Dan Shafer


--
Thanks,
Terry

Here's another manual to help you on your way:
http://lipas.uwasa.fi/~ts/http/signatur.html

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk