HTML - IE image align

01-02-2007, 10:59 AM

Hi Folks,

I had a div which was say 100px wide, with images in the following
order:

1) 80px wide
2) 120px wide
3) 120px wide

What I'm finding in IE (6) is that the 80px image aligns to the left.
Even if I change text-align or set right they both appear to align the
image to the left rather than to the right (which is what I wanted).

The fudge fix is use

html>body .rightbar
{
width:100px;
}

to fix it so IEs width is wider in the pre html> section.

Is there an easier way or better way to do this? Also is there a way
without using VMware/VPC to run/test IE7 and IE6 at the same time?

Thanks

A

UKuser

01-02-2007, 11:38 AM

UKuser wrote:

> Is there an easier way or better way to do this? Also is there a way
> without using VMware/VPC to run/test IE7 and IE6 at the same time?
>
> Thanks
>
> A

Hi A

It just so happens I was searching for a way to have older versions of
Internet Explorer on my PC last week and I believe Tredosoft is what
you're looking for - specifically www.tredosoft.com/Multiple_IE. The
site has standalone versions of IE from 3 upwards to download which you
can install whilst still having 7 as your main embedded browser. I've
only had them on a few days but I've not come across any real issues
with them so far. I think there are a few minor niggles with some of
them but it should give you what you're looking for and there's plenty
of info on the forum bit of the Tredosoft site.

Hope that helps.

Grant - Driffield, UK

01-02-2007, 04:08 PM

<> wrote in message
news: ups.com...
> UKuser wrote:
>
>> Is there an easier way or better way to do this? Also is there a way
>> without using VMware/VPC to run/test IE7 and IE6 at the same time?
>>
>> Thanks
>>
>> A
>
> Hi A
>
> It just so happens I was searching for a way to have older versions of
> Internet Explorer on my PC last week and I believe Tredosoft is what
> you're looking for - specifically www.tredosoft.com/Multiple_IE. The
> site has standalone versions of IE from 3 upwards to download which you
> can install whilst still having 7 as your main embedded browser. I've
> only had them on a few days but I've not come across any real issues
> with them so far. I think there are a few minor niggles with some of
> them but it should give you what you're looking for and there's plenty
> of info on the forum bit of the Tredosoft site.
>
>
> Hope that helps.
>
> Grant - Driffield, UK
>

excellent find! thanks for the link

--
Cheers

Paul watt
http://www.paulwattdesigns.com

01-02-2007, 04:09 PM

UKuser wrote:
> Hi Folks,
>
> I had a div which was say 100px wide, with images in the following
> order:
>
> 1) 80px wide
> 2) 120px wide
> 3) 120px wide
>
> What I'm finding in IE (6) is that the 80px image aligns to the left.
> Even if I change text-align or set right they both appear to align the
> image to the left rather than to the right (which is what I wanted).
>

How to you propose to align to the right a 120 pixel image within a 100
pixels wide container? Also text-align is not the way I would do it, but
make the images blocks and adjust the margins. Where is an example with
the container DIV larger that images:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">

<title>Right Aligned Images</title>

<style type="text/css">
DIV.rightbar {
width: 200px; background-color: yellow; /* demo bacground color */
}
DIV.rightbar IMG {
display: block; margin-left: auto; margin-right: 0;
}
</style>

</head>
<body>

<div class="rightbar">
<img src="x.jpg" width="80" height="10" alt="narrow">
<img src="x.jpg" width="120" height="10" alt="wide">
<img src="x.jpg" width="120" height="10" alt="wide">
</div>
</body>
</html>

Works *even* in IE!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

01-02-2007, 04:35 PM

On 2007-01-02, Jonathan N. Little <> wrote:
> UKuser wrote:
>> Hi Folks,
>>
>> I had a div which was say 100px wide, with images in the following
>> order:
>>
>> 1) 80px wide
>> 2) 120px wide
>> 3) 120px wide
>>
>> What I'm finding in IE (6) is that the 80px image aligns to the left.
>> Even if I change text-align or set right they both appear to align the
>> image to the left rather than to the right (which is what I wanted).
>>
>
> How to you propose to align to the right a 120 pixel image within a 100
> pixels wide container?

Presumably it should line up on the right and overflow to the left.

That can be achieved by setting direction: rtl on the container (which
also causes text-align to default to right). Firefox gets it wrong
though.

01-02-2007, 04:56 PM

Hi Grant,

Thanks for the link - a very good program!

A

wrote:
> UKuser wrote:
>
> > Is there an easier way or better way to do this? Also is there a way
> > without using VMware/VPC to run/test IE7 and IE6 at the same time?
> >
> > Thanks
> >
> > A
>
> Hi A
>
> It just so happens I was searching for a way to have older versions of
> Internet Explorer on my PC last week and I believe Tredosoft is what
> you're looking for - specifically www.tredosoft.com/Multiple_IE. The
> site has standalone versions of IE from 3 upwards to download which you
> can install whilst still having 7 as your main embedded browser. I've
> only had them on a few days but I've not come across any real issues
> with them so far. I think there are a few minor niggles with some of
> them but it should give you what you're looking for and there's plenty
> of info on the forum bit of the Tredosoft site.
>
>
> Hope that helps.
>
> Grant - Driffield, UK

01-02-2007, 05:35 PM

info wrote:

> It just so happens I was searching for a way to have older versions of
> Internet Explorer on my PC last week and I believe Tredosoft is what
> you're looking for - specifically www.tredosoft.com/Multiple_IE.

Note that after installing multiple versions of IE, you may find that
there are certain other oddities -- conditional comments don't work
correctly (they will always assume that the IE version is that of the
"main" copy).

See http://www.positioniseverything.net/...s/multiIE.html for more
info.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

01-02-2007, 06:16 PM

Ben C wrote:
> On 2007-01-02, Jonathan N. Little <> wrote:
>> UKuser wrote:
>>> Hi Folks,
>>>
>>> I had a div which was say 100px wide, with images in the following
>>> order:
>>>
>>> 1) 80px wide
>>> 2) 120px wide
>>> 3) 120px wide
>>>
>>> What I'm finding in IE (6) is that the 80px image aligns to the left.
>>> Even if I change text-align or set right they both appear to align the
>>> image to the left rather than to the right (which is what I wanted).
>>>
>> How to you propose to align to the right a 120 pixel image within a 100
>> pixels wide container?
>
> Presumably it should line up on the right and overflow to the left.
>
> That can be achieved by setting direction: rtl on the container (which
> also causes text-align to default to right). Firefox gets it wrong
> though.

But technically all he wants is to align to the right his content, not
the direction of his language flow

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

01-02-2007, 09:04 PM

> Toby Inkster <> wrote:
> news: pohq64-
> info wrote:
>
>> It just so happens I was searching for a way to have older versions
>> of Internet Explorer on my PC last week and I believe Tredosoft is
>> what you're looking for - specifically www.tredosoft.com/Multiple_IE.
>
> Note that after installing multiple versions of IE, you may find that
> there are certain other oddities -- conditional comments don't work
> correctly (they will always assume that the IE version is that of the
> "main" copy).
>
> See http://www.positioniseverything.net/...s/multiIE.html for more
> info.

I have no such issues with the Multiple_IE from tredosoft, conditional
comments work just as they should.

--
BootNic Tuesday, January 02, 2007 4:04 PM

All my humor is based upon destruction and despair. If the whole
world was tranquil, without disease and violence, I'd be standing on
the breadline right in back of J. Edgar Hoover.
*Lenny Bruce US comedian, satirist, author*

01-02-2007, 11:38 AM	#2
info@granthood.co.uk Posts: n/a	Re: IE image align UKuser wrote: > Is there an easier way or better way to do this? Also is there a way > without using VMware/VPC to run/test IE7 and IE6 at the same time? > > Thanks > > A Hi A It just so happens I was searching for a way to have older versions of Internet Explorer on my PC last week and I believe Tredosoft is what you're looking for - specifically www.tredosoft.com/Multiple_IE. The site has standalone versions of IE from 3 upwards to download which you can install whilst still having 7 as your main embedded browser. I've only had them on a few days but I've not come across any real issues with them so far. I think there are a few minor niggles with some of them but it should give you what you're looking for and there's plenty of info on the forum bit of the Tredosoft site. Hope that helps. Grant - Driffield, UK

01-02-2007, 04:08 PM	#3
Paul Watt Posts: n/a	Re: IE image align <> wrote in message news: ups.com... > UKuser wrote: > >> Is there an easier way or better way to do this? Also is there a way >> without using VMware/VPC to run/test IE7 and IE6 at the same time? >> >> Thanks >> >> A > > Hi A > > It just so happens I was searching for a way to have older versions of > Internet Explorer on my PC last week and I believe Tredosoft is what > you're looking for - specifically www.tredosoft.com/Multiple_IE. The > site has standalone versions of IE from 3 upwards to download which you > can install whilst still having 7 as your main embedded browser. I've > only had them on a few days but I've not come across any real issues > with them so far. I think there are a few minor niggles with some of > them but it should give you what you're looking for and there's plenty > of info on the forum bit of the Tredosoft site. > > > Hope that helps. > > Grant - Driffield, UK > excellent find! thanks for the link -- Cheers Paul watt http://www.paulwattdesigns.com

01-02-2007, 04:09 PM	#4
Jonathan N. Little Posts: n/a	Re: IE image align UKuser wrote: > Hi Folks, > > I had a div which was say 100px wide, with images in the following > order: > > 1) 80px wide > 2) 120px wide > 3) 120px wide > > What I'm finding in IE (6) is that the 80px image aligns to the left. > Even if I change text-align or set right they both appear to align the > image to the left rather than to the right (which is what I wanted). > How to you propose to align to the right a 120 pixel image within a 100 pixels wide container? Also text-align is not the way I would do it, but make the images blocks and adjust the margins. Where is an example with the container DIV larger that images: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta http-equiv="content-language" content="en-us"> <title>Right Aligned Images</title> <style type="text/css"> DIV.rightbar { width: 200px; background-color: yellow; /* demo bacground color / } DIV.rightbar IMG { display: block; margin-left: auto; margin-right: 0; } </style> </head> <body> <div class="rightbar"> <img src="x.jpg" width="80" height="10" alt="narrow"> <img src="x.jpg" width="120" height="10" alt="wide"> <img src="x.jpg" width="120" height="10" alt="wide"> </div> </body> </html> Works even* in IE! -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com

01-02-2007, 04:35 PM	#5
Ben C Posts: n/a	Re: IE image align On 2007-01-02, Jonathan N. Little <> wrote: > UKuser wrote: >> Hi Folks, >> >> I had a div which was say 100px wide, with images in the following >> order: >> >> 1) 80px wide >> 2) 120px wide >> 3) 120px wide >> >> What I'm finding in IE (6) is that the 80px image aligns to the left. >> Even if I change text-align or set right they both appear to align the >> image to the left rather than to the right (which is what I wanted). >> > > How to you propose to align to the right a 120 pixel image within a 100 > pixels wide container? Presumably it should line up on the right and overflow to the left. That can be achieved by setting direction: rtl on the container (which also causes text-align to default to right). Firefox gets it wrong though.

01-02-2007, 04:56 PM	#6
UKuser Posts: n/a	Re: IE image align Hi Grant, Thanks for the link - a very good program! A wrote: > UKuser wrote: > > > Is there an easier way or better way to do this? Also is there a way > > without using VMware/VPC to run/test IE7 and IE6 at the same time? > > > > Thanks > > > > A > > Hi A > > It just so happens I was searching for a way to have older versions of > Internet Explorer on my PC last week and I believe Tredosoft is what > you're looking for - specifically www.tredosoft.com/Multiple_IE. The > site has standalone versions of IE from 3 upwards to download which you > can install whilst still having 7 as your main embedded browser. I've > only had them on a few days but I've not come across any real issues > with them so far. I think there are a few minor niggles with some of > them but it should give you what you're looking for and there's plenty > of info on the forum bit of the Tredosoft site. > > > Hope that helps. > > Grant - Driffield, UK

01-02-2007, 10:59 AM	#1
	IE image align Hi Folks, I had a div which was say 100px wide, with images in the following order: 1) 80px wide 2) 120px wide 3) 120px wide What I'm finding in IE (6) is that the 80px image aligns to the left. Even if I change text-align or set right they both appear to align the image to the left rather than to the right (which is what I wanted). The fudge fix is use html>body .rightbar { width:100px; } to fix it so IEs width is wider in the pre html> section. Is there an easier way or better way to do this? Also is there a way without using VMware/VPC to run/test IE7 and IE6 at the same time? Thanks A UKuser

01-02-2007, 05:35 PM	#7
Toby Inkster Posts: n/a	Re: IE image align info wrote: > It just so happens I was searching for a way to have older versions of > Internet Explorer on my PC last week and I believe Tredosoft is what > you're looking for - specifically www.tredosoft.com/Multiple_IE. Note that after installing multiple versions of IE, you may find that there are certain other oddities -- conditional comments don't work correctly (they will always assume that the IE version is that of the "main" copy). See http://www.positioniseverything.net/...s/multiIE.html for more info. -- Toby A Inkster BSc (Hons) ARCS Contact Me ~ http://tobyinkster.co.uk/contact

01-02-2007, 06:16 PM	#8
Jonathan N. Little Posts: n/a	Re: IE image align Ben C wrote: > On 2007-01-02, Jonathan N. Little <> wrote: >> UKuser wrote: >>> Hi Folks, >>> >>> I had a div which was say 100px wide, with images in the following >>> order: >>> >>> 1) 80px wide >>> 2) 120px wide >>> 3) 120px wide >>> >>> What I'm finding in IE (6) is that the 80px image aligns to the left. >>> Even if I change text-align or set right they both appear to align the >>> image to the left rather than to the right (which is what I wanted). >>> >> How to you propose to align to the right a 120 pixel image within a 100 >> pixels wide container? > > Presumably it should line up on the right and overflow to the left. > > That can be achieved by setting direction: rtl on the container (which > also causes text-align to default to right). Firefox gets it wrong > though. But technically all he wants is to align to the right his content, not the direction of his language flow -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com

01-02-2007, 09:04 PM	#9
BootNic Posts: n/a	Re: IE image align > Toby Inkster <> wrote: > news: pohq64- > info wrote: > >> It just so happens I was searching for a way to have older versions >> of Internet Explorer on my PC last week and I believe Tredosoft is >> what you're looking for - specifically www.tredosoft.com/Multiple_IE. > > Note that after installing multiple versions of IE, you may find that > there are certain other oddities -- conditional comments don't work > correctly (they will always assume that the IE version is that of the > "main" copy). > > See http://www.positioniseverything.net/...s/multiIE.html for more > info. I have no such issues with the Multiple_IE from tredosoft, conditional comments work just as they should. -- BootNic Tuesday, January 02, 2007 4:04 PM All my humor is based upon destruction and despair. If the whole world was tranquil, without disease and violence, I'd be standing on the breadline right in back of J. Edgar Hoover. Lenny Bruce US comedian, satirist, author

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search