467,173 Members | 1,344 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,173 developers. It's quick & easy.

Internet Explorer and display:table;

Hello,
I've a problem displaying a header content in Internet Explorer. You can
view the problem on www.robert-blasius.de
The upperimage should be on the left of the middle "line" and the lower
image should appear on the right. It works fine in Firefox, but not in IE
6.0.

This is the css-code:

div.titletable {
display:table;
border-collapse:collapse;
width:100%;
height:100;
}

div.titlerow {
display:table-row;
height:100;
}

div.lefttd {
display:table-cell;
width:180px;
height:100;
}

div.middletd {
display:table-cell;
text-align:center;
top:inherit;
height:100;
background: url("layout/title-middle2.jpg") top left repeat-x;
}

div.righttd {
display:table-cell;
width:180px;
height:100;
background: url("layout/title-right2.jpg") top left repeat-x;
}

This is the html-code:
<div class="titletable">
<div class="titlerow">
<div class="lefttd">
<img src="./layout/title-left2.jpg"></div>
<div class="middletd">&nbsp;</div>
<div class="righttd"></div>
</div>
</div>

Does anybody know how to fix this problem?

Thanks
Robert Blasius

--
Eine Minute kann unterschiedlich lang sein,
je nachdem, ob man vor oder hinter der Toilettentüre ist.

www.heimkacken.de
Aug 1 '05 #1
  • viewed: 3300
Share:
7 Replies
Robert Blasius <ro***********@yahoo.de> wrote:
I've a problem displaying a header content in Internet Explorer. display:table;


Amongst other CSS2 omissions, CSS tables (any of the table* values for
the display property) are not supported by IE.

--
Spartanicus
Aug 1 '05 #2
Spartanicus wrote:
Robert Blasius <ro***********@yahoo.de> wrote:
I've a problem displaying a header content in Internet Explorer.

display:table;


Amongst other CSS2 omissions, CSS tables (any of the table* values for
the display property) are not supported by IE.

Thanks. Ok, I will code an browsercheck and realize it with normal tables
instead.
--
Eine Minute kann unterschiedlich lang sein,
je nachdem, ob man vor oder hinter der Toilettentüre ist.

www.heimkacken.de
Aug 1 '05 #3
Robert Blasius <ro***********@yahoo.de> wrote:
I've a problem displaying a header content in Internet Explorer.

display:table;


Amongst other CSS2 omissions, CSS tables (any of the table* values for
the display property) are not supported by IE.

Thanks. Ok, I will code an browsercheck and realize it with normal tables
instead.


I hope you are not planning to use browser sniffing, trying to identify
a browser is guaranteed to fail for a significant number of client
systems.

--
Spartanicus
Aug 1 '05 #4
On Mon, 1 Aug 2005, Robert Blasius wrote:
Thanks. Ok, I will code an browsercheck


That's a very worrying remark. I'd say 99.9% of attempts to identify
the browser are misconceived, in so many different ways. Whereas, IE
provides its own proprietary syntax for singling itself out, which
(used appropriately, of course) does no harm at all to web-compatible
browsers.

Namely, the so-called "MSIE conditional comments" (these have to be
applied to the HTML, though, not to CSS).

See
http://msdn.microsoft.com/workshop/a...omment_ovw.asp
but note that although most of the syntax described there is harmless,
MS apparently couldn't resist sticking in a few dirty tricks which one
would do well to avoid - specifically, the item which they call
"downlevel-revealed", which isn't acceptable HTML syntax. But when I
needed to use this technique I didn't experience any difficulty
working around that detail.

Their specific examples are of course drivel (no self respecting web
author would talk to their readers like that!!) but the principles
are, I think, clear enough.

What you do in the end is up to you, but don't for heaven's sake try
to detect a browser from the server side. I could give you a hundred
reasons, but one will have to suffice for today:
http://www.mnot.net/cache_docs/

Aug 1 '05 #5
Robert Blasius:
height:100;
100 whats?
<div class="titletable">
<div class="titlerow">
<div class="lefttd">


Use a real HTML table instead of badly mimicking it, it would be
linearisable just as well and in CSS2 browsers it doesn't have to behave
like a table.

Btw., my educated guess is that version 7 o IE won't support this part
of CSS2 either, because it would probably mean a complete rewrite of the
table code. Most other promised bug fixes are really simple to do in
comparison.
Aug 1 '05 #6

Going back now to your original posting:

On Mon, 1 Aug 2005, Robert Blasius wrote:
This is the css-code:

div.titletable {
display:table;
border-collapse:collapse;
width:100%;
height:100;
}

div.titlerow {
display:table-row;
height:100;
}

div.lefttd {
display:table-cell;
width:180px;
height:100;
}


....and so on...

Did you check the CSS syntax before posting it?

It's discourteous to expect humans (who have better things to do with
their time) to perform the function of a syntax checker.

http://jigsaw.w3.org/css-validator/v...rt-blasius.de/

The HTML needs attention too, it seems:

http://validator.w3.org/check?verbos...rt-blasius.de/

There seems to be some confusion as to whether this is supposed to be
HTML or XHTML, but it doesn't seem to be either.

good luck.
Aug 1 '05 #7
Spartanicus wrote:
Robert Blasius <ro***********@yahoo.de> wrote:
I've a problem displaying a header content in Internet Explorer.

display:table;

Amongst other CSS2 omissions, CSS tables (any of the table* values for
the display property) are not supported by IE.

Thanks. Ok, I will code an browsercheck and realize it with normal tables
instead.


I hope you are not planning to use browser sniffing, trying to identify
a browser is guaranteed to fail for a significant number of client
systems.

No, I won't. I made a simple html-table and it works fine. Thanks.
--
Eine Minute kann unterschiedlich lang sein,
je nachdem, ob man vor oder hinter der Toilettentüre ist.

www.heimkacken.de
Aug 2 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Paul Barry | last post: by
5 posts views Thread by xperiencednoob | last post: by
10 posts views Thread by removeps-groups@yahoo.com | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.