Re: IE4 and Image Alignment
by Emerald Spirit <emerald_spirit(at)yahoo.com>
|
Date: |
Thu, 21 Feb 2002 18:46:53 -0800 (PST) |
To: |
Catenae Web Sites <catenae(at)catenae.com>, "HTML Writer's Guild Techniques" <hwg-techniques(at)hwg.org> |
In-Reply-To: |
catenae |
|
todo: View
Thread,
Original
|
|
Try nesting another table in it... it seems to work on
this side (though its kind of hard to tell without the
images). I tested this and it works in Netscape 4.7
and in IE 6.0... Basically I just nested another table
of 100% width inside the area of the problem, putting
the image in one column and the text in the next
column.
<.tr>
<.td colspan="3">
<.table width = "100%" cellpading = "0" cellspacing =
"0" border ="0">
<.tr>
<.td><div class="bodytext"><img
src="./images/mosaic_group2.jpg" width="299"
height="284" alt="Sample Mosaics 2" title="Sample
Mosaics 2" border="0"><./td>
<.td valign = "top">For pricing and ordering
information, contact Mosaic Stone Supply through any
of the following:
<.br>Email: <.a
href="mailto:mosaicstonesupply(at)mosaicstonesupply.com">mosaicstonesupply(at)mosaicstonesupply.com<./a><.br>
Phone: (504) 279-7554<br>
Fax: (504) 279-7554<br>
<.p>Address: Mosaic Stone Supply<.br>
2517 Lawrence Lane<br>
Meraux, LA 70075<br clear="left">
<./td>
<./tr>
<./table>
<.p><.a
href="index1.html">Main<./a> || <.a
href="samples1.html">Tile
Samples<./a> || <.a
href="contact.html">Contact Us<./a> || <.a
href="links.html">Related Sites<./a><./p>
<.br>
<.br>
<.br>
<.br>
<.br>
<.br>
<.br>
<.br>
<.br>
<.div class="small">© 2001 Mosaic Stone
Supply. No unauthorized use or reproduction is
allowed. Web site design and maintenance by <a
href="mailto:catenae(at)catenae.com">Catenae Web
Sites<./a>.<./div>
<./div>
<./td>
<./tr>
hth
Rebecca
--- Catenae Web Sites <catenae(at)catenae.com> wrote:
> I've done multiple liquid layouts, but I've stumbled
> into a problem with
> IE4 that I haven't encountered before. The entire
> page is contained
> within a table of 100% width. When I place an image
> and text in the
> lower left cell of the table, it's fine in NN4.7+
> and IE4 so long as I
> don't try to wrap the text around the image:
>
> http://www.mosaicstonesupply.com/contact1.html
>
> However, when I set the image attribute ALIGN="left"
> it still displays
> properly in NN4.7+ but overflows the screen in IE4:
>
> http://www.mosaicstonesupply.com/contact2.html
>
> That alignment attribute is the only difference
> betwenn the two pages.
>
> I have two questions:
>
> (1) Since IE versions don't play well together, I
> only have IE4 (the
> oldest I support) to test with. If you have a later
> version, I'd like to
> know whether the page with the left aligned image (
> http://www.mosaicstonesupply.com/contact2.html )
> displays properly in
> newer versions of IE.
>
> (2) Does anyone know of a workaround for this? I
> know I can remove the
> width="90%" setting in the upper row, but then it
> won't display properly
> in NN4.7; what I'd prefer is something that will
> work in both browsers.
>
> Triche Osborne
> Catenae Web Sites
=====
Do while Project<>Completed
if impossible = true then
rethink(approach)
set impossible = false
end if
loop
__________________________________________________
Do You Yahoo!?
Yahoo! Sports - Coverage of the 2002 Olympic Games
http://sports.yahoo.com
HWG hwg-techniques mailing list archives,
maintained by Webmasters @ IWA