473,372 Members | 848 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,372 software developers and data experts.

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
7 3590
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Paul Barry | last post by:
Using this code: <html> <body bgcolor="#CCCCCC"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr id="theGreenRow"> <td width="100%" bgcolor="#00FF00"...
4
by: Lachlan Hunt | last post by:
Hi, I was wondering if ::before and ::after pseudo-elements can apply to elements styled with the display: table-* properties. None of my tests worked in either Firefox or Opera, yet I could not...
5
by: xperiencednoob | last post by:
I want a left-column menu bar and a right-column data area. The menu items (6 or so) are fixed-height and the space below them needs to expand. I've run into a strange situation only with IE6....
2
by: KarlosSultana | last post by:
Hello to those who read this, this is my first ever post! I am currently getting very confused trying to put a <form> in a table-cell: Firstly I have a <div> styled with display:table -this...
1
letmeknow
by: letmeknow | last post by:
Do anybody know how to get the values from a display table
10
by: removeps-groups | last post by:
How to display table and select next to each other? <html> <body> <table border=1 style="display:inline-table"> <tr><td>Hello1</td></tr> <tr><td>Hello2</td></tr> <tr><td>Hello3</td></tr>...
22
Atli
by: Atli | last post by:
Hi. I'm setting up a small photo-album-type thing, where I use PHP to set up a list of images for visitors to click through. That's all simple enough. However, I'm having a weird bug in IE8. ...
1
by: puT3 | last post by:
Hi, I'm trying to make a dynamic website using asp and javascript and access as my database. I'm wondering if the asp file able to display table from access where user can view and change the...
2
by: KusoYumi | last post by:
Hi everyone, I have met a problem here regarding the display table. Let me explain my problem 1st. Assume that I want to display a list of data in a table, each page contains 10 records. So when...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.