Stylesheets - Re: Mozilla padding problem

Author

Re: Mozilla padding problem

Thresh

2004-06-24, 7:17 pm

>> 1) I've got some images on a site that are links. I've got them set
>
> Without a URL of the problem, we can't get into it enought to give up.

Whoops, sorry: http://tumbleweed.net/testing.html

I've stripped it to the bare minimum for testing, and it's still doing the
same thing. Works in IE but not Mozilla. I think I'm in Bizarro world or
something, cuz that's just plain backwards from normal CSS behaviour.

Neal

2004-06-25, 4:15 am

On 24 Jun 2004 17:32:56 GMT, Thresh <uce@ftc.gov> wrote:

>
> Whoops, sorry: http://tumbleweed.net/testing.html
>
> I've stripped it to the bare minimum for testing, and it's still doing
> the
> same thing. Works in IE but not Mozilla. I think I'm in Bizarro world or
> something, cuz that's just plain backwards from normal CSS behaviour.

Well, when IE is different, it's usually because it's wrong.

Someone else might wander in and see it right off, but near as I can
figure: you're setting a border on an inline element (<a> ) which is not
predictable. I can't say I see the precise error.

But that's after I cleaned up your code, even. Didn't validate it, hmm?
:-\ In this case, it didn't affect anything, but it easily can.

1) Transitional DTD should be <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - that yields
more consistent results.

2) Empty tags only get a terminal slash in XHTML. Should NOT do this in
HTML 4.01. <img>, <meta>

3) <style> needs attribute type - in this case, type="text/css"

4) The id attribute may be used more than once on a page so long as the
value differs. You have 4 instances of id="roller" which is an error. Use
class instead of id when you want it more than once.

5) Not necessarily an error, but it's senseless to set CSS for body and
also presentation attributes. Use one or the other, and in nearly every
case CSS is better cross-browser.

After I fixed all these, it still is acting unexpectedly. Opera is
behaving strangely as well. I'm not drunk yet, so it must be some quirk I
haven't accounted for.

Phil Evans

2004-06-25, 7:15 am

Thresh wrote:
>
>
> Whoops, sorry: http://tumbleweed.net/testing.html
>
> I've stripped it to the bare minimum for testing, and it's still doing the
> same thing. Works in IE but not Mozilla. I think I'm in Bizarro world or
> something, cuz that's just plain backwards from normal CSS behaviour.

Afraid I haven't got time to play properly, but I had a fiddle with the
font-size (set to 10px for the sake of argument) and that certainly
reduced the gap at the top - looks promising

P