CSS box-drawing problem...
Whit Gurley
pre-existing tables. This is working beautifully on IE 5/Mac, but not at
all on IE 5.5/PC (my classes will work on groups of text, but not within
table rows and cells). You can see examples of what I'm trying to do
here:
screen capture from the Mac -
http://www.gurleycommawhit.com/box_test/test.gif
test page -
http://www.gurleycommawhit.com/box_test/test.html
style sheet -
http://www.gurleycommawhit.com/box_test/styles.css
original version of style sheet -
http://www.gurleycommawhit.com/box_test/styles2.css
(this version also works on the Mac, doesn't work on the PC)
Anybody have any idea what the problem is here? I can't imagine MS
giving the Mac version the ability to draw boxes using table components
and just leaving it out of the PC version, but I don't know what else to
try.
This code only needs to work on IE/PC (it's for a web-based app) and I'm
open to other box-drawing techniques, provided they can be attached to
areas inside a table (TDs and TRs) and will grow with the table (which
is why DIVs aren't feasible, at least as far as I know).
_____________________
w h i t g u r l e y
whitg...@R-E-M-O-V-E-T-H-I-Shotmail.com
Stanimir Stamenkov
In addition you should use:
table {
border-collapse: collapse;
}
In the separated borders model "Rows, columns, row groups, and
column groups cannot have borders (i.e., user agents must ignore the
border properties for those elements)."
<http://www.w3.org/TR/CSS21/tables.html#borders>
Seems like IE for Mac uses the 'collapse' as initial value for the
'border-collapse' property. This one is from the current CSS2 W3C
Recommendation but in the new CSS 2.1 revision (which is a working
draft but is defacto the current standard) the default is 'separate'.
IE for PC seem like ignoring every border styling on table rows.
--
Stanimir <stanio(_at_)gbg.bg>
Whit Gurley
Stanimir Stamenkov <sta...@notvalid.net> wrote:
> In addition you should use:
>
> table {
> border-collapse: collapse;
> }
>
> In the separated borders model "Rows, columns, row groups, and
> column groups cannot have borders (i.e., user agents must ignore the
> border properties for those elements)."
>
> <http://www.w3.org/TR/CSS21/tables.html#borders>
>
> Seems like IE for Mac uses the 'collapse' as initial value for the
> 'border-collapse' property. This one is from the current CSS2 W3C
> Recommendation but in the new CSS 2.1 revision (which is a working
> draft but is defacto the current standard) the default is 'separate'.
>
> IE for PC seem like ignoring every border styling on table rows.
That's beyond my understanding of CSS, but it doesn't seem to be working
regardless. I'm assuming you're instructing me to stick the above code
in my CSS. That isn't producing any change according to my PC-testing
friend. I've revised the CSS code and here is the link to the test page:
http://www.gurleycommawhit.com/box_test/test.html
...and the revised CSS:
http://www.gurleycommawhit.com/box_test/styles.css
Do you think that IE/PC is just going to ignore any border styling on
table rows no matter how the code is written?
Stanimir Stamenkov
> In article <b3jc3v$ns...@ripley.netscape.com>,
> Stanimir Stamenkov <sta...@notvalid.net> wrote:
>
>> table {
>> border-collapse: collapse;
>> }
>>
>> <http://www.w3.org/TR/CSS21/tables.html#borders>
>>
>
> That's beyond my understanding of CSS, but it doesn't seem to be working
> regardless. I'm assuming you're instructing me to stick the above code
> in my CSS. That isn't producing any change according to my PC-testing
> friend. I've revised the CSS code and here is the link to the test page:
>
> http://www.gurleycommawhit.com/box_test/test.html
>
> ...and the revised CSS:
>
> http://www.gurleycommawhit.com/box_test/styles.css
>
> Do you think that IE/PC is just going to ignore any border styling on
> table rows no matter how the code is written?
>
Yes, I see the borders in Netscape7/Mozilla. If you experiment
enough you'll find that IE/PC is the worst of all the modern
browsers found around - those mentioned plus Opera and Konqueror.
You'll have to find a workaround for IE/PC (not using borders for
table rows) or you could just code your document like it should be
and wait for the next major IE version which hopefully will handle
it like it is supposed to be.
--
Stanimir <stanio(_at_)gbg.bg>
Whit Gurley
Stanimir Stamenkov <sta...@notvalid.net> wrote:
Well, unfortunately I can't do that - this app targets IE specifically.
This really sucks. It doesn't work properly with TDs, either - it makes
the lines, but they're not connected evenly. I don't know how else I can
produce this effect without using rigid DIVs that won't grow with the
window and have to be manually altered every time there's a change in
the page.
Whit Gurley
nothing. Thanks a lot for your help, Stanimir!
Etan Bukiet
<span style="border: 1px solid black;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="50%">1</td>
<td width="50%">2</td>
</tr>
<tr>
<td width="50%">3</td>
<td width="50%">4</td>
</tr>
</table>
</span>
you get the idea
etan
"Whit Gurley" <whitg...@R-E-M-O-V-E-T-H-I-Shotmail.com> wrote in message
news:whitgurley-61BED...@dsl081-079-101.sfo1.dsl.speakeasy.net.
..
Whit Gurley
(unlike the example).
In article <uv1lrbh3...@TK2MSFTNGP12.phx.gbl>,
"Etan Bukiet" <ebu...@comcast.net> wrote:
> why not surround the table with a span tag?
>
> <span style="border: 1px solid black;">
> <table border="0" cellpadding="0" cellspacing="0" width="100%">
> <tr>
> <td width="50%">1</td>
> <td width="50%">2</td>
> </tr>
> <tr>
> <td width="50%">3</td>
> <td width="50%">4</td>
> </tr>
> </table>
> </span>
>
> you get the idea
>
> etan
Rowland Shaw
* Were you really trying to emulate applying a border to the <table> by
applying to the <td>s?
* Matters would improve if the HTML was valid (which means there should be a
<!DOCTYPE...> declaration.
NB: I've also removed the cross posting to non related groups (why cross
post to netscape group when you want IE only? why post to dhtml group when
it's not being dynamically applied?)
"Whit Gurley" <whitg...@hotmail.com> wrote...