|
Posted by Pete on January 25, 2005, 12:04 pm
Please log in for more thread options
Hello everybody --
The problem has me stopped. The page:
http://www.key-horse.com/fftst.html
is rendered completely differently by Firefox 1.0 and IE 6.0. The code
seems to me perfectly straightforward and simpl: show two small tables
side-by-side and top-aligned when the browser window is wide enough,
else show the tables arranged vertically.
My HTML must be wrong: I've made IE6.0 do as I expect, whereas I've
made FF1.0 do something surprising, meaning:
1. Tables look to be one row deep in FF; and
2. Tables seem to be bottom-aligned in FF.
What is the proper HTML to do this job? Thanks!
-- Pete
|
|
Posted by Jukka K. Korpela on January 25, 2005, 9:17 pm
Please log in for more thread options
> http://www.key-horse.com/fftst.html
>
> is rendered completely differently by Firefox 1.0 and IE 6.0.
To begin with, "seemingly-valid" (as on your Subject line) is a pointless
concept. Is you think that validity is important, simply check it (but
don't pollute your pages with foolish icons for such purposes).
> The code
> seems to me perfectly straightforward and simpl: show two small tables
> side-by-side and top-aligned when the browser window is wide enough,
> else show the tables arranged vertically.
But you are using CSS for that, not HTML. Hence this would belong to
c.i.w.a.stylesheets.
You seem to have set display: inline for your tables. If this is taken
seriously, it means that your table becomes just inline text, like the
content of a paragraph. You would probably want to use float: left instead.
Or maybe positioning. But this belongs to the other group.
Your HTML has some oddities though;
<p><br><br><br><br><br><br><br><br></p>
is a coarse way of trying to create some empty vertical space, and should
more or less be ignored by browsers. It's much better to use CSS (margin
properties) for such purposes.
> What is the proper HTML to do this job?
Well, you _could_ float tables in HTML too, using <table align="left"> and
putting <br clear="both"> after the tables.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
|
| Similar Threads | Posted | | Weird: IE renders fragment of HTML twice | January 31, 2006, 5:09 am |
| Diff between 2 HTMLs | December 1, 2004, 2:27 am |
| Webpage renders differently when loaded from Internet | February 4, 2007, 4:39 pm |
| page validates and renders in FF, but in IE 6 and 7 it has extra padding. Why? | February 12, 2007, 10:00 pm |
| problems getting valid HTML out of PHP | September 17, 2004, 6:26 pm |
| This page is not a valid HTML 4.01.WHY? | October 26, 2004, 2:44 pm |
| valid html for framesets | February 13, 2005, 10:25 am |
| Valid HTML Tutorial | December 6, 2005, 12:12 pm |
| Inserting MP3 into Valid HTML | September 24, 2008, 8:03 pm |
![]() valid (X)HTML? | December 17, 2007, 6:31 pm |
|
XML Sitemap