Re: [NH] Multiple Browser CSS
- --- In firstname.lastname@example.org, "Grant MacKenzie" <emerge@p...>
> Give the html the right DOCTYPE and ie will stop behaving in quirksmode and
> behave correctly like opera, mozilla i.e. with the right css1 boxmodel
For info on doctype switching, see
Note the Mac IE5 quirks mode with HTML 4.01 Strict without a URL.
I can only wonder the reasoning behind that one.
Quoting Grant MacKenzie <emerge@...>:
> Give the html the right DOCTYPE and ie will stop behaving in quirks mode andD'oh! I copied the example from the site and plugged in my information, and
> behave correctly like opera, mozilla i.e. with the right css1 box model
forgot the DOCTYPE. Of the hundreds of HTML pages with that in their, this had
to be the one I'd forget. As soon as I added it, IE seemed to be have minimal
effect. I downloaded Mozilla at work, and that made a noticeable difference. I
will check Opera when I get home.
> And then what you need to apply is the tanteks infamous boxmodel hackThanks for the links. I will check them out.
> Also check out
>Thanks! Me too. I took some ideas from the new look and cleaned up the old page
> > I think it is much cleaner than the current home page, and since there are
> > no tables, it is much easier to modify.
> Like the new look,
so that it is cleaner and easier on the eye.
- I have to confess that I haven't studied any of the many responses to this long thread (it's late, I'm pooped, I'm old, I'm horny, I'm tired, take yer pick of excuses) but going by Larry's original question here, I have to say what solved most of my margin/padding/cross browser web page problems, was to initially set ALL block element margin and padding values to zero in my stylesheet. Then I'll customize the margins/paddings on each page by calling a class to suit my needs for that page..
--- In email@example.com, "Larry Hamilton" <lmh@h...> wrote:
> I am working on an update to the layout of our pages using pure stylesheets
> instead of tables.
> I have come up with something based on a sample from an online article. It
> was based on IE, so it looks great in IE. I am using IE 6 SP1.
> The problem is that in Mozilla 3.1, Opera 6, and Opera 3.62 the body is next
> to the left margin of the navigation bar on the left of the page. It is
> legible, but not pleasing. Nothing I try can make any whitespace appear
> between the border and the first letter of each line.
> Here are some things I have tried adding to the in-line stylesheet. Each one
> has an effect on IE, which would be acceptable, if it affected the other
> border-left:2px solid #000000;
> padding-left: 1ex;
> text-indent: 3em;
> margin-left: 2em;
> I do not currently have Netscape installed. I think Netscape 7 will be about
> like Mozilla. I do not have any idea if Netscape 4.x will like it or not.
> I believe this is CSS2, so I know not all browsers will handle it. I found a
> link at work today that lays out what CSS tags for which version of CSS are
> supported in what browser, but I forgot to email myself the link.
> Here is the link to the page for the new index.
> I think it is much cleaner than the current home page, and since there are
> no tables, it is much easier to modify. It is amazing how much time it can
> take for one page!
> The home link on the test page will take you to the current home page.
> I have looked at this far too long, so it is either something realy simple,
> or just an issue of not being supported.
> I realise that for browsers that do not support tables or CSS I will need a
> browser sniffer to direct to the appropriate substitue page. I am just
> trying to get this right before I go too far.
> Larry Hamilton
> My Web Site: http://notlimah.tripod.com/
> Webmaster: Hamilton National Genealogical Society, Inc.