Welcome to WebmasterWorld Guest from 23.22.17.192

Forum Moderators: not2easy

Message Too Old, No Replies

border control

IE noncompliance?

   
7:10 am on Feb 7, 2004 (gmt 0)

10+ Year Member



part of my page contains a table--1 row 2 columns.

in the left column is a <p> box element(class="left") with a border on all sides.
in the right column is a <p> box element(class="right") with a border on all sides but the left.

ideally, they should match up so as to appear like it is one box with a single outer border and a dividing line in the middle.

i have margin:0px 0px 0px 0px; in both classes.
i have no table-level margin/padding tags

this works in mozilla but not IE 5.2--i am using a mac and have not tested on PC yet.
IE gives me a small space between the elements--very unattractive.

is there any way around this or is it just an IE thing?
i'm very new to CSS, am i missing something--doing this the wrong way?

thanks

4:58 pm on Feb 7, 2004 (gmt 0)

10+ Year Member



Did you define
<table cellspacing="0">
in the html? Unfortunately, I don't think there's any way to do it with css.

Adam

2:55 pm on Feb 8, 2004 (gmt 0)

10+ Year Member



Try:

table (border-collapse: collapse;}
7:00 pm on Feb 8, 2004 (gmt 0)

10+ Year Member



the cellpadding thing worked a little bit--the division is still visible but much less.

the table style didn't work--even tried it with tr and td. i was hoping it would work!

thank you both

1:02 am on Feb 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The table style that BitBanger posted had a typo - one of the brackets was the wrong sort. Try this:

table {border-collapse: collapse;}

3:31 am on Feb 9, 2004 (gmt 0)

10+ Year Member



good eye--i saw it too :}

thanks though.

maybe it doesn't work properly with IE on mac.

4:17 am on Feb 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



That wouldn't surprise me. I've heard people say many times that IE on Mac makes a mess of things.