Hi Emil,

I think the problem is due to the way you are laying out this design. In my 
view it's not semantically correct to be using tables. Instead, for each 
product model I would make two columns using divs, one for the pictures the 
other for the info. The info could be better marked up in a definition list 
(see below) and it will sit nicely at the top of the column if the images 
are longer:

<dl>
    <dt>Model name</dt>
    <dd>blah blah</dd>
    <dt>Article no.</dt>
    <dd>xxx</dd>
    <dt>Finish</dt>
    <dd>Blah blah</dd>
    <dt>123</dt>
    <dd>Blah blah</dd>
    <dt>234</dt>
    <dd>Blah blah</dd>
</dl>

I hope that makes sense

- Matt =)


Matthew James Taylor
http://matthewjamestaylor.com



----- Original Message ----- 
From: "Emil Björklund" <[EMAIL PROTECTED]>
To: <css-d@lists.css-discuss.org>
Sent: Sunday, February 03, 2008 11:44 AM
Subject: spam: [css-d] Trouble with table cell/row heights, rowspans & IE.


> Hi folks,
>
> I'm having major problems with applying height rules to a table. I know
> setting heights for table cells or rows is tricky at best, but I so need
> this to work, soon.... *losing hair*
>
> An example page is up at http://ebdesign.se/table_problem.html, with an
> accompaying sketch of what it's supposed to look like (if you use IE) at
> http://ebdesign.se/table_problem.gif
> Take a look at it and see if you can follow along.
>
> The problem is with IE - surprise! I have a table of data for product
> models. Each model has one to many articles. The model also has a
> drawing/blueprint. The drawing is in a table cell spanning the number of
> rows of articles plus one - this is for allowing some space under the
> articles .
>
> Most browsers I've tested in so far (FF2 Mac/Win, Safari 3 Mac, Opera 9 
> Mac)
> shows the intended layout. IE6-7 though, shows the article no./finish
> columns expanded to fill the height of the space to the right of the 
> image.
> I cannot for the life of me get them to respect any height measurement. 
> I've
> tried reading specs, googling for similar problems etc... I haven't found
> anything that helps, trying tons of solutions (different measurements,
> putting the height on the row element instead, using visibility rules on 
> the
> fillcol-cell...)
>
> I need a fresh pair of eyes on this. My last resort is putting a 
> definition
> list within a single cell, containing the articles, but that would
> completely break the semantics and lead to a number of ad hoc solutions 
> for
> the rest of the elements - after all, I interpret this as very much being
> tabular data.
>
> Any suggestions?
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> 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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to