Bear width me, but lets tray again.
My question was about table rendering. Lock at this sample:
http://wirtz.pamelding.net/table.html in FF and IE 6.

You should se that in IE the cell titled 'Multifunksjons
rombetjeningsutstyr' has extra space at the top and bottom. The same goes
for the thermokon logo in the first cell.

Can anyone explain the difference and how it can be fixed?
Again thanks for the input so far.

Regards
Arnt O. Kvannefoss
Software Consult AS
http://www.softwareconsult.no
http://www.pamelding.net

-----Opprinnelig melding-----
Fra: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] P� vegne av Gunlaug S�rtun
Sendt: 3. mai 2005 18:14
Til: Arnt O. Kvannefoss
Kopi: [email protected]
Emne: Re: SV: [css-d] Table renders differently between Firefox 1.03 and IE
6 SP2

Arnt O. Kvannefoss wrote:
> Thanks for the advice and I absolutely see your points.

Mmmm...(?)

> But, my customer wants this page, so I have to solve the rendering 
> difference of the table.

>> <http://wirtz.pamelding.net/default_test.html>

Your customer has been misguided (by someone), and should be told the
facts: The web is _not_ print -- it never was -- it never will be.

Our aim is to create web pages that actually works for visitors, and
that means they will have to adjust somewhat to the environment
(browser, screen, other factors) at the visitors' end.
What's the point in launching web pages that breaks apart everywhere?
Such pages sure won't sell much.

If your customer expects it too look exactly like that, and exactly the
same everywhere -- anything like a copy on paper, than the whole project
is lost I'm afraid.

> If you lock at this specific point, how can I solve it?

The web is full of these old -95 solutions ( *not recommended* but
included for completeness):

- You can spoon-feed the browsers with every little detail, pixel by
pixel. That's an image, for short.

- You can fix font-sizes (px), and hope that users of IE/win are
ignorant of the fact that all versions since at least IE4 have the
ability to override font-sizes. No other browser will play along anyway.

- You can create an old table/image-slicing construction, but that won't
hold all that well either since you use text in there.
------------------

Solutions for 2005:

It is possible to create a float/flow construction that appears to be
*somewhat* like your customer wants in almost every browser.

This is in part done by floating images, and letting text flow around
them. Pull and push images by their margins[1] instead of positioning them.

Text positioning can be controlled *to a degree* by well-defined margins
on those floating images, and equally well-defined margins/paddings on
the text-paragraphs. Lots of possibilities [2]

Close and clear each block/container for each item, so they'll act as
normal images with captions. Some more refinements can be achieved by
margin-manipulating whole containers [3].

That's the closest you can get to a _working_ solution IMO.

regards
        Georg
-----------------------------------------------------------
[1] <http://www.w3.org/Style/CSS/Test/float-margin>
[2] <http://www.w3.org/TR/CSS21/>
[3] <http://www.alistapart.com/articles/negativemargins/>

-- 
http://www.gunlaug.no

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to