|
Posted by dorayme on 05/09/07 22:33
In article
<1178735427.713467.52590@n59g2000hsh.googlegroups.com>,
Agix <ignoranceisbliss@gmail.com> wrote:
> HI there,
>
> I am fairly new to web coding, not so new I don't know what tags are
> or anything that basic, but new enough to be frustrated by obstacles
> that trying to use multiple browsers is causing and not knowing the
> way round it.
>
> Here I must stress I AM NOT LOOKING for workarounds or fixes or hacks
> per sι, but more for an explanation of why I see this behaviour - my
> experienced friend coder doesn't seem to understand my plight.
>
> I have even include a link to the offending page
> http://www.clarifysolutions.co.uk/certenroll/
>
....
>
> Notice how I have set EVERY id and class to have margin AND padding =
> 0px. This is so I can work out how the browser is behaving.
>
If you want to set all margins to 0 for testing purposes you can
just put * {margin: 0;} at top of your css. Ditto padding.
> If you take a look at the link in Firefox - it renders ok, but messes
> up a fair bit. In IE6+7 it looks plain awful. What I am really annoyed
> about is that the two divs, no margins or paddings but they still
> overlap!!!!
>
As for how floats behave in different browsers, IE6 is known to
add pixels and you will need to study how this browser and othe
IE browsers leave the standards: Not bad to start with may be:
<http://www.positioniseverything.net/explorer.html>
One thing you should do is recheck your code. You leave out a
semicolon where you should not (it is usually important not to do
this):
#mainpageset
{
...
margin:0px
height:595px;
}
And don't use font tags, use the css sheet to control fonts.
And, while I am at it, forget the doc type you are using, use
4.01 Strict, you gain nothing at all from it.
--
dorayme
Navigation:
[Reply to this message]
|