Re: FN-FORUM: CSS abnormality

date posted 26th May 2006 09:02

Ian Copeland wrote:
> Yes, I can do that later today.
>
> -----Original Message-----
> From: Tony Crockford [EMAIL REMOVED]
> Sent: 26 May 2006 09:39
> To: FN-FORUM / [EMAIL REMOVED]
> Subject: Re: FN-FORUM: CSS abnormality
>
>
> Ian Copeland wrote:
>> Hey Stan,
>>
>> I tried putting align="center" inside of the image tag but that didn't
> work
>> either!
>>
>> Ian
>>
>> -----Original Message-----
>> From: Stanislav Cmakal [EMAIL REMOVED]
>> Sent: 25 May 2006 22:17
>> To: FN-FORUM / [EMAIL REMOVED]
>> Subject: Re: FN-FORUM: CSS abnormality
>>
>>
>> Hi Ian,
>> that should work. Any change that is actually problem with the browser
>> cache?
>> Or why don't you use align="center" inside of img tag?
>> Stan
>>
>> On 25 May 2006, at 2:52 pm, Ian Copeland wrote:
>>
>>> Hi,
>>>
>>> I have some text placed in a div, with CSS, on a page. I have another
>>> div
>>> underneath with an image and some text broken up by a . All the
>>> text is
>>> centered except for the image, even though it is under the same class
>>> as the
>>> other text! What's going on? Why isn't the image centered as well?
>>>
>>> HTML =====================
>>>
>>>
>>>
>>>
>>> Blah blah blah
>>>
>>>
>>>
>>>
>>> Blah blah blah
>>>
>>>
>>>
>>>
>>> CSS =====================
>>>
>>> .speech_main_text {position: absolute; top: 140px; right: 10px; left:
>>> 250px;
>>> text-align: justify}
>>>
>>> .normal_top {color: #696969; font-family: verdana, arial, sans-serif;
>>> font-size: 9pt}
>>>
>>> .bottom_text {position: relative; top: 25px; bottom: 25px; text-align:
>>> center}
>>>
>>> =========================
>>>
>>>
>>> PS no jokes about the #696969. it's a nice grey...
>>
>
> mixing text and an image is the problem I suspect - images shouldn't
> be treated as text and shouldn't obey the text-align:center (they
> sometimes do...)
>
> can you put this code online where we can see it - there may be
> something else affecting it.

actually, I just took the time to test your code in FF and IE - the
reason it doesn't center in IE is that the divs do not have a width,
but are positioned absolutely, which gives IE headaches.

add a width to .bottom_text and it will work.

There are other issues though - the way you're doing it isn't the best
way - add borders to the divs

div{
border: 1px solid red;
}

and you'll see that (correctly) the text and image drop out of the div
they're in into the containing div - this may become a problem at some
point.

Absolute positioning isn't the best way to do this - other content
will ignore the position of these divs....

maybe show what you're trying to do and we could suggest the best way
to do it.

hth

;o)





--
Join me: http://wiki.workalone.co.uk/
Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F
Engage me: http://www.boldfish.co.uk/portfolio/