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