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

by Emily Berk <emily(at)armadillosoft.com>

Date:	Mon, 27 Dec 2004 13:44:22 -0800
To:	<digitek(at)cytanet.com.cy>
Cc:	hwg-style(at)hwg.org
References:	earthlink
	todo: View Thread, Original

Thanks, Sophia:

I'm happy when my pages are less quirky.  

OTOH, this doesn't actually seem to resolve ANY of the issues.

I will study the educational links you sent.  However, I think the fundamental problem is the page design: too much text in too small a space.

-- Emily

At 10:55 PM 12/27/2004 +0200, you wrote:
>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