Re: Cross browser issue with position:absolute...
by "AM Thomas" <am(at)virtueofthesmall.com>
|
|
Usually you're OK sticking with basics - positive margins/padding,
line-spacing, etc. - but even with that, sometimes it doesn't work
everywhere. IE for Mac can be especially painful, in my experience. AOL
is another thing, especially on Mac, and I've had a client who used that
browser almost exclusively. Oh, that was a time.
It sounds like your client wants something that may not be do-able in a
cross-browser world. Some designers would just give up and make a gif of
whatever that chunk of text is, but that has its own problems -- search
engines won't like it, etc.
You might try finding something that looks like what you're trying to
achieve (or have the client find it) and use that code, but be sure to
check it in different browsers (and/or have the client do so if they have
time).
OTOH, you're probably working on that page even as we type, so that might
account for some of the weirdness. Good luck! Welcome to ... purgatory.
- AM
On Mon, 27 Dec 2004 15:36:36 -0800, Emily Berk <emily(at)armadillosoft.com>
wrote:
> Display all headersDate: Mon, 27 Dec 2004 15:36:36 -0800
> To: "AM Thomas" <am(at)virtueofthesmall.com>, hwg-style(at)hwg.org
> From: Emily Berk <emily(at)armadillosoft.com>
> Subject: Re: Cross browser issue with position:absolute...
>
> 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
>
--
Virtue of the Small / (919) 929-8687
HWG hwg-style mailing list archives,
maintained by Webmasters @ IWA