11 replies to this topic

[Bouzy210]

I heard there was some ways to start a css document so it would take care of a lot of the compatability problems with ie and ff. All the ways I have tried don't work. Is there a good way?

[Vandalised]

You mean like why does IE show more of a margin on some things than firefox, and why doesn't firefox show the style you put on a hr line but IE does?

Don't think there is a "cure" for stuff like that mate. But you might mean resetting the document?

Use this at the top off your style sheet:

*{
	border: 0px;
	padding: 0px;
	margin-top: 0px;
}

[Bouzy210]

lol I agree lol just make everyone in the world use ff. Every time I make a page it looks great perfect exactly how I wanted it in ff then I have to fix it in IE. Maybe this is a result of learning to sort of code to ff and then fix it in ie because of the books i learned from, but idk. I STILL NEED ideas anyone.Wow you just posted right at the same time as me. I diddn't see your post untill I edited mine. Thanks.

Vandalised, on Sep 4 2007, 06:28 PM, said:

You mean like why does IE show more of a margin on some things than firefox, and why doesn't firefox show the style you put on a hr line but IE does?Don't think there is a "cure" for stuff like that mate. But you might mean resetting the document?Use this at the top off your style sheet:

*{	border: 0px;	padding: 0px;	margin-top: 0px;}

Thats what I mean reseating the documetn, but what does the * do???? Also do I put this in my body style? or just at the top top top of a document exactly like you have it?

Edited by Bouzy210, 04 September 2007 - 06:30 PM.

[Vandalised]

You just do this:

<style type="text/css">
<!--
*{
	border: 0px;
	padding: 0px;
	margin-top: 0px;
}
body,td,th {
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
}
-->
</style>

It's included at the top of the stylesheet, but I'm not sure its what you are looking for lol.

It kind of "resets" the web page, I can't really explain it you'll have to use it to see its effect.

[Bouzy210]

Vandalised, on Sep 4 2007, 06:36 PM, said:

You just do this:

<style type="text/css">

</style>

It's included at the top of the stylesheet, but I'm not sure its what you are looking for lol.

It kind of "resets" the web page, I can't really explain it you'll have to use it to see its effect.

So that is from what I can tell an internal style sheet? I wanted to use it in external style sheet. Also what I think you mean by reset is make it so there are 0 defualt margin or padding in IE or FF. So supposidly if you give your style padding of 8 it should be the same in both ff and ie?

[.CJ]

* means that every element will use what you put in it. So say you put:

* { margin: 0; padding: 0 }

You wouldn't have to use that in any other, like P or DIV, SPAN or any class or ID you make.

* = Every element.

[Bouzy210]

Thanks I think I get it now.

[Bouzy210]

So one last question. If I have a css file with @import other css files. I have navigation, body, layout as my imports what one of the split up CSS docs do I put it in?

[Vandalised]

Bouzy210, on Sep 5 2007, 01:46 PM, said:

So one last question. If I have a css file with @import other css files. I have navigation, body, layout as my imports what one of the split up CSS docs do I put it in?

Which css file would you use the * in? Thats a good question lol, I guess it doesn't matter? But don't hold me to that. You'll have to work it out using trial and error I suppose.

[Bouzy210]

Acually i just put it in the body or main one or whatever and it worked great. Good stuff thanks. My website I spent 2 hours making today rendered corectly the very first time. Thats the first time I havn't been screwed up with margin and padding differences. Thanks.