RE: Cross browser issue with position:absolute...

by "Sophia Kapterian (E-mail)" <digitek(at)cytanet.com.cy>

Date:	Mon, 27 Dec 2004 22:55:28 +0200
To:	<hwg-style(at)hwg.org>, "'Emily Berk'" <emily(at)armadillosoft.com>
In-Reply-To:	earthlink
	todo: View Thread, Original

Hi Emily,

One reason the page does not behave as intended is because both browsers are
in quirksmode.
Start always by including the correct DOCTYPE. I'm assuming you'll be coding
in HTML Transitional.
Then check your markup and CSS. These will give you good pointers where you
have errors on your
page.

Insert this as the first line in your page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Validators:
CSS: http://jigsaw.w3.org/css-validator/
Markup: http://validator.w3.org

For the text do the following:
1) html, body {margin: 0; padding: 0;}
2) .notBigB remove clip: rect(   );
3) .paleAnchorSubtext change font-size: smallest to font-size: small;
4) .whiteText change width:120; height:101;  to width: 120px; height: 101px;
and remove overflow: clip;

This should solve some of the issues and get you going in the right track.

Since you are new to CSS, it's good to keep in handy a list of CSS
properties:
a) http://www.w3.org/TR/REC-CSS2/propidx.html (the official spec)
b) http://www.blooberry.com/indexdot/css/propindex/all.htm
c) http://www.htmldog.com/reference/cssproperties/

HTH
Sophia



-----Original Message-----
From: owner-hwg-style(at)hwg.org [mailto:owner-hwg-style(at)hwg.org]On Behalf Of
Emily Berk
Sent: Monday, December 27, 2004 9:10 PM
To: hwg-style(at)hwg.org
Subject: Cross browser issue with position:absolute...


Help, please.

I am new here and pretty new to CSS.

I've got this website and the guys in charge are wanting pixel accuracy in
placement of text and graphics.

So far, I can make it look ok in IE or in Firefox, but not in both.

I have two issues:

1.  The text MUST stay at smallest or it will not fit in the space the
client insists it fit into.  Is there some way to force the text to not
change, no matter what?  (And, yes, I know that the text is way too small;
the client is always right, aren't they?)

2.  The drop-down menu is position:absolute; and this puts in where I want
in IE at present or in Firefox, but, apparently, top must be different for
each.  Can this be done in such a way as to NOT require Javascripting?

The site is currently at: http://64.177.196.15/psh.php

Suggestions?

TIA,

-- Emily


Emily Berk
http://www.armadillosoft.com

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA