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>&nbsp;||&nbsp;<.a
href="samples1.html">Tile
Samples<./a>&nbsp;||&nbsp;<.a
href="contact.html">Contact Us<./a>&nbsp;||&nbsp;<.a
href="links.html">Related Sites<./a><./p>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         &nbsp;<.br>
         <.div class="small">&#169; 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