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

by Emily Berk <emily(at)armadillosoft.com>
Date:	Mon, 27 Dec 2004 15:36:36 -0800
To:	"AM Thomas" <am(at)virtueofthesmall.com>, hwg-style(at)hwg.org
References:	earthlink earthlink2 earthlink3
	todo: View Thread, Original
I do appreciate the feedback.

Suggested solutions are welcome as well.

Or, are we saying that maybe CSS technology is not, at present, capable of rendering what is being required?  (Not saying that anything is.)

-- Emily

At 06:19 PM 12/27/2004 -0500, AM Thomas wrote:
>Hey,
>
>This may not be important to you, but I just took a look at it in Opera  
>(7.54) and there were some problems.  Sounds like you have enough to worry  
>about, but I thought you'd want to know.
>
>- AM
>
>
>On Mon, 27 Dec 2004 13:44:22 -0800, Emily Berk <emily(at)armadillosoft.com>  
>wrote:
>
>>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
>>
>>
>
>
>
>-- 
>Virtue of the Small / (919) 929-8687

Emily Berk
http://www.armadillosoft.com
HWG hwg-style mailing list archives, maintained by Webmasters @ IWA