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

by "AM Thomas" <am(at)virtueofthesmall.com>

 Date:  Mon, 27 Dec 2004 18:19:39 -0500
 To:  hwg-style(at)hwg.org
 References:  earthlink earthlink2
  todo: View Thread, Original
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

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