Go Back   Velocity Reviews > Newsgroups > HTML
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Reply

HTML - display: table-cell and IE

 
Thread Tools Search this Thread
Old 01-26-2005, 09:53 PM   #1
Nik Coughin
 
Posts: n/a
Default display: table-cell and IE

I'm so sick of IE. display: table-cell is just too useful not to have.

I was thinking of using php to deliver different code to IE... sending
display: table-cell in the css for non-IE browsers, or wrapping the
appropriate markup inside table markup for IE. Everything else will get
nice, semantic table-free markup. I realise that browser sniffing is not
100% reliable, but all that that means is that in a few very rare exceptions
a compliant browser will be handed table markup instead of semantic
markup -- the page will still look the same, it will still work, and it will
still validate.

Comments?

--
"Come to think of it, there are already a million monkeys on a million
typewriters, and the Usenet is NOTHING like Shakespeare!" - Blair Houghton
-=-=-=-=-=-=-=-=-=-=-=-
http://www.nrkn.com/
-=-=-=-=-=-=-=-=-=-=-=-


  Reply With Quote
Old 01-26-2005, 10:55 PM   #2
Jukka K. Korpela
 
Posts: n/a
Default Re: display: table-cell and IE

"Nik Coughin" <nrkn!no-spam!@woosh.co.nz> wrote:

> I'm so sick of IE. display: table-cell is just too useful not to have.


Maybe. What would you use it for? Maybe there's a different approach.
Sometimes display: inline-block does what you want.

If display: table-cell is essentially, maybe your data structure actually
_is_ a table. I've seen that. People "get rid of tables", the rebuild the
tables in CSS, without realizing they had _data_ tables, not layout tables.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html


  Reply With Quote
Old 11-13-2006, 02:41 PM   #3
vesedrema
Junior Member
 
Join Date: Nov 2006
Posts: 1
Default Workaround?

There's a potential work-around for this... in your <style>, try

* html .cell {display:inline}

...where .cell is the class name of the div that is supposed to act like a table cell. You should also leave the normal .cell class in there for (shall we say) normal browsers such as Firefox.

I did try to use the width attribute but it had no effect. Not sure if this works in all versions of IE, but it seemed to work in 6. This solution might not be what you're after!
vesedrema is offline   Reply With Quote
Old 12-15-2007, 03:34 PM   #4
bugmenot
Junior Member
 
Join Date: Jul 2006
Posts: 14
Default

Quote:
Originally Posted by vesedrema
There's a potential work-around for this... in your <style>, try

* html .cell {display:inline}

And add
Code:
height:100%
in both your row-div and cell-div. (Use conditional CSS though)

Should do the job for IE6...
bugmenot is offline   Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
cell phone battery life spider General Help Related Topics 1 12-15-2009 02:49 PM
Referencing Cell Color In Microsoft Excel CVBartosh General Help Related Topics 0 10-03-2008 12:37 PM
Store HTML table Values into Database subscribeid Software 0 09-05-2008 01:39 PM
How to Add more than one Textbox in a table cell on the fly.... tapasmahata Software 0 04-26-2008 05:37 AM
Enjoy DVD movies on your cell phone senderila Software 0 07-26-2007 10:04 AM




SEO by vBSEO 3.3.2 ©2009, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47