Netscape H1 problem

admin · Jan 9, 2008

Hi All 
 
I'm trying to contain a Heading 1 title within a table that is 10px high. If I style the H1 tag with zero margins then the whitespace dissapears in IE/NN6.xx and the table stays at 10px high. However, when I view the page in NN4.xx there is whitespace at the top and bottom of the heading, and the table expands to accommodate this. How do I fix this in NN4.xx as well? 
 
Cheers, 
Kenny.NN4.x doesn't support margin correctly. Are you useing it inline? You should never use 'margin' in NN4.x as an inline style due to severe page-mangling bugs.that is not the case at all. NS4.xx accepts the margins, in fact it is recommended to use margin: 0px 
 
but NS4.xx's font size is different in size compared to other browsers. do you have an example?Hi Folks 
 
Here's an example of what I'm talking about (file attached). The table stays the correct height in IE/NN6.xx but NN4.xx doesn't seem to pay attention to the margin setting. 
 
Help! 
 
Cheers, 
Kenny.try 
 
margin: 0px 0px 0px 0px; 
 
or 
 
margin: 0 0 0 0; 
 
or margin-height: 0pxNN4.xx is terrible with Stlye Sheets... this is the official line from the ????? in a nutshell series by O'reilly (very reliable software lit): 
 
margin should never be used on inline elements in NN4.x, which has severe and page-mangling bugs. 
 
NN4.x also does not suppot at least 50% of CSS 1.0 recomendations. Excuse my spelling. 
 
We shall have to differ on this one Scoutt.whoa cowboy. I never said NN4.xx supports all of css. I know it supports less then half of css1, but the support for margins is buggy at best in NN4. but inline and a style sheet are no different. they act the same according to the browser. in fact all inline styles overrule the style sheet.Just kicking up a fuss. Don't mean to be harsh Scoutt or over-bearing. I am in the process of learning CCS correctly and picking up things as correctly as possible. 
 
I am aware of the cascade order... however, and I am not sure of this, could the various levels of stlye sheet be parsed differently in NN4.X??? thus causing the problem for inline margins. 
 
Just kicking up a fuss

oh I know.

see when you use inline styles, it always over rules the external style sheet. even in IE and other browsers. tha tis all I meant.do me a favor entimp, 
 
take that file up above and change the margins to 50 or use this 
 
margin: 50 50 50 50; 
 
and tell me what it does in NS4.xx 
 
I bet it will work. so then change them back to 0 and that is all you get. the problem is, I bet, that the H1 tag is a block level element and will always have that space around it. just like a form tag. in IE you can get rid of both of those spaces but not in NS4.xxI am at work, overnights, will look at this when i get home in morning and get straight back to you.I meant to say 
 
"I" Don't mean to be harsh or overbearing. Will have a look at the code in the morning.Regarding block level elements: Inline elements effectivly don't take top and bottom margins (they are allowed but have no effect on page layout). With inline elements, only left and right margins of inline elements have an effect, and they don't collapse with adjacent margins. 
 
So CSS mark-up will work differently if cacased differently, at least it would seem so at a block level elements of html. 
 
Kenny I would suggest that you try what you need with the tag. This isn't a block level element so you should have no problems with the margins for top and bottom. It does make sense why screwing with the top and bottom margins in block elements becomes difficult in terms of the browser having to lay the page out. You can use the tag numerous time to different effect in conjunction with a CLASS or ID component. 
 
Alternativly you could try adapting the H1 tag with an external stlye sheet, personally I think this is a waste of time as it will prob have the same effect. 
 
Hey this is fun

Originally posted by entimp 
Regarding block level elements: Inline elements effectivly don't take top and bottom margins (they are allowed but have no effect on page layout). With inline elements, only left and right margins of inline elements have an effect, and they don't collapse with adjacent margins. 
where did you hear that crap

. look at this little simple table I made just to show how the from tag makes a margin on top or on bottom and NS can't get rid of it. go ahead and look at the source and see that it is a simple table with a form in it. <a class="postlink" href="http://www.snippetlibrary.com/test/tabletest.htm">http://www.snippetlibrary.com/test/tabletest.htm</a> 
 
the only reason I used a table is so you can see the space it leaves. now it doens't matter what you do you can't get rid of that margin in NS, IE is real easy. so the <form> tag is a block level element and leaves margins. 
 
I think you better buy another book as that one is outdated,

But I do agree he shuold use the span tag.And I am gonna stick to my guns on this one. My source for the quote is from a O'Reilly title. VIsit them at 
 
<a class="postlink" href="http://www.oreilly.com">http://www.oreilly.com</a> 
 
I don't know if you have seen any of these titles, but there aren't many better as I am sure many will testify. I am in a bum situation at the moment as I installed a 40 gig hard drive yesterday. I almost lost the primary master drive today. So till I know things are stable on my system I am not going to be doing much on it. In fact I am going to post a question or two in the hardware forum if you want a look. 
 
As soon as I get it to purr I will test various inline set-ups and then compare them with imported style sheets and different browsers. 
 
We shall see.this is not funny as the block level element clearly has margins around it, I already proved it. it doesn't take special software to run it or test it. 
 
I will even find out where it says it at W3C as they set teh standards for css. but if you want to prove me wrong then be my guess, I will sit back and just watch,

This simple question has hit two pages of thread! I am pissing myself! It keeps me happy at work overnight anyway. 
 
But you have a challenge sir, and I am on my way to W3 now

Check these three out. 
 
<a class="postlink" href="http://www.webreview.com/browsers/browser_implementation.shtml#difference_14">http://www.webreview.com/browsers/brows ... ference_14</a> 
 
<a class="postlink" href="http://www.webreview.com/style/css1/charts/notes.shtml#5505">http://www.webreview.com/style/css1/cha ... shtml#5505</a> 
 
<a class="postlink" href="http://www.webreview.com/style/css1/charts/mastergrid.shtml">http://www.webreview.com/style/css1/cha ... grid.shtml</a> 
 
The ball is in your cascading stlye sheet now!

walla......

here is one 
 
<a class="postlink" href="http://www.faqts.com/knowledge_base/view.phtml/aid/10786/fid/680">http://www.faqts.com/knowledge_base/vie ... 86/fid/680</a> 
 
and I will search w3c later as I have run out of time. 
 
and he shoots and scores

This far from ideal when authoring a page. What a mess that would be to do that on a reg basis. Besides setting negative values in CSS has it's own problems. 
 
Anyway the link you provided answers the question... 
 
While you can not (to my knowledge) eliminate the line space, since form is considered a block level element 
 
Anyway, lets get back to the point... NN4.X and include block level elements: 
 
I think the conclusion is that you can't change the margins, if you can you cheated and it probably won't work on all browsers.

All the same look at the links I posted, they suggest enough in my favour. 
 
 
 
The crowds are on the pitch! They think it is all over! It is now! (Germany V's England 1966).yes you are absolutly right. you can increase the margins but you can't make them disappear in NS4.xx like in IE and others. that is the whole point of this thread. you can expand them but you can't make them zero in Netscape 4.xx 
 
good conversation entimp, and hope we didn't run off kennyritch, sorry bud, but you opened a can of worms on this one.

Hi Guys 
 
Thanks for a VERY entertaining discussion! I'll give the tags a go tonight and see how I get on. 
 
Oh, and isn't it amazing the way English fans can always manage to get the 1966 World Cup mentioned in even the most obscure conversation? Hmmm ... where did they rank this year?!!! 
 
Cheers, 
Kenny.I still have a prob or two with a new hard drive I have purchased. Once I'm happy with it and the my system stops crashing I am gonna test the CSS probs on 4.x and see how they go. 
 
We ranked joint 8th and finished on a poor 45 mins. But I'm happy with the way the boys played. A youngish team and the discipline is back... Portugal will be next and lets see then. At least we stuffed Argentina. Yey. 
 
Scoutt... it has been an interesting thread. The only way I'll be happy, and I will concede defeat if I must, is when I bake this problem myself and test the proverbial problem. 
 
A post soon from me I hope.

Netscape H1 problem

admin

Administrator