Solved

IE5 does not do right-alignment?

Posted on 2000-03-26
3
196 Views
Last Modified: 2012-05-04
I am having this problem where the text messages get correctly right-aligned in both IE4 and Navigator 4, but IE5 seems to ignore the alignment tag and displays in left-justification.

The following is a segment of the code concerned:

<div align=right style="position: absolute; top: 20; overflow: none; text-align: right;">

{ display text }

</div>

Anyone has any ideas here why and how to resolve it?

Thanks.
Munt
0
Comment
Question by:munt
3 Comments
 
LVL 22

Accepted Solution

by:
CJ_S earned 50 total points
Comment Utility
The problem you are facing is that IE 5 needs the width of the div. So try putting in the width element in the style

like

width:200

0
 
LVL 2

Expert Comment

by:HolySpirit
Comment Utility
munt,
i think u can add a pair of <p> tag to specify the right alignment :
<p align = right>
<div align=right style="position: absolute; top: 20; overflow: none">
{ display text }
</div>
</p>

Can <p> tag make it right justified?
-- Holy Spirit
0
 

Author Comment

by:munt
Comment Utility
HolySpirit,
Thanks for your suggestion - but the <p> tag does not work.

CJ S,
Thanks a lot - You were right about the width parameter. Tried width: 100%; and now IE5 aligns correctly.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now