Hello as always there are some differences with looks of websites in firefox and IE 8, now my problem is I have some paragraphs that are not properly aligned so I'd like to add some margin properties for them, the problem is that they are not found in the style sheet but in the head element of html within style tags ... how can I change this ?
A:
Presuming you mean the CSS is in the head element of your HTML instead of in your CSS file, what problem are you having removing the CSS in the head element and putting it in your stylesheet?
For example, instead of:
<head>
<style type="text/css">
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back40.gif")}
</style>
</head>
Put these three lines in your CSS:
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back40.gif")}
For more, see the W3School's CSS How to.
If you can only change the stylesheet, then try using !important to override the styles defined in the head element:
p { margin-left: 50px !important; }
Dominic Rodger
2009-11-30 09:39:08
well I've just joined the project .. and I'm not really supposed to change things this early .. I need to just make it work
Gandalf StormCrow
2009-11-30 09:41:03
@Gandalf - See my edit.
Dominic Rodger
2009-11-30 09:58:34
+1
A:
Maybe try
<!--[if gt IE 6]>
.... .... ....
<![endif]-->
Change new style inside .. style
c0mrade
2009-11-30 09:45:36
A:
You can move the css out of the header into a new css file named for that page (assuming this css is specific to this one page/section) then run conditional selection on the css sheet (which from your description I get the impression you have done already for others).
Your other option would be to figure out why the code is not working on both browsers and adjust it until it works.
Kales
2009-11-30 09:54:57