Re: Div rendering

abcd said the following on 5/8/2007 5:43 PM:
I have below code

Start over.

===============================================================

<html>
<span style="width: 250; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:5px">
<div align=center><font face="Trebuchet MS"" size="2"><b>AAA</b></font><br><img src ="/Yellow.png" height=4 width=186 border=0><img src="A26.png" border="0"></div></a></span>

<span style="width: 250; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:5px">
<div align=center><font face="Trebuchet MS"" size="2"><b>BBB</b></font><br><img src ="/Red.png" height=4 width=186 border=0><img src="A27.png" border="0"></div></a></span>

<span style="width: 250; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:5px">
<div align=center><font face="Trebuchet MS"" size="2"><b>CCC</b></font><br><img src ="/Red.png" height=4 width=186 border=0><img src="A28.png" border="0"></div></a></span>
</html>

=======================================================

In IE it renders like 3 images in one row where as in Firefox it renders 3 images in 3 seperate lines....

Firefox gets it right, IE gets it wrong. DIV elements can not be child elements of a SPAN as the DIV is a block level element while the SPAN is an inline element.

What changes do I need to make it so that Firefox also shows me these 3 images in one row....

Producing valid HTML would be a start.

I will be having many such thumbnail images on my page and I want the browser to adjusts the rows and columns automatically...IE does it for me automatically but firefox not....Is the HTML syntax correct...

No. http://validator.w3.org/ and paste your HTML in the textarea. It will generate roughly 40 errors.
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
.

Relevant Pages

  • Re: Div rendering
    ... In IE it renders like 3 images in one row where as in Firefox it renders ... Firefox gets it right, IE gets it wrong. ... Producing valid HTML would be a start. ...
    (microsoft.public.scripting.jscript)
  • Printing in Firefox
    ... I have to print physics pages in Firefox that have images too wide for ... other than saving the html page ...
    (Ubuntu)
  • Rounded Corners: FireFox vs. IE
    ... am working with some HTML that is already in place and needs some ... fixing. ... The problem is that it renders fine in FireFox but IE refuses ...
    (alt.html)
  • Re: CSS
    ... following HTML works fine in Firefox, but renders very ugly in IE. IE ... but seem to have trouble correctly rendering the height: auto on the leftside bar if the screen height is changed. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Download into MS Word document including images
    ... and render the HTML. ... The browser shows a dialog box which enables the user to Open ... These images are created on the fly during the generation of the HTML ... understood by Firefox, but not by IE or MS Word. ...
    (microsoft.public.dotnet.framework.aspnet)