Hello -
Here's the page: http://www.floridasummitonchildhooddeafness.com/sponsors.php
The page validates, the css is good
There are three two-column tables on the page. On Win FF and IE, the columns display perfectly.
On Mac, FF and Safari display single columns only.
I'm stymied, I simply can't see where the error is. I've copied and pasted the same tables into another page
(http://www.floridasummitonchildhooddeafness.com/testtable.html) and it displays correctly.
Does anyone see my error?
Best,
SB
Full Version: Table columns not displaying
QUOTE(Summer Breeze @ Aug 5 2009, 09:35 PM) 
The page validates, the css is good
Not.
http://jigsaw.w3.org/css-validator/validat...g=1&lang=en
You can't have conditional comments in a style sheet. They are (sort of) HTML. Neither can you have STYLE tags. They are definitely HTML.
Not.
http://jigsaw.w3.org/css-validator/validat...g=1&lang=en
You can't have conditional comments in a style sheet. They are (sort of) HTML. Neither can you have STYLE tags. They are definitely HTML.
[/quote]
Oops... thanks. I checked before I made the external style sheet. Sloppy of me.
Fixed now.Still doesn't help the column thing, though. Any ideas?
SB
Well, here it looks the same in gecko and Opera as in Safari, so it isn't a Safari issue. Only my old IE6 displays the third column.
Now the conditional comments mess up the HTML instead. They display on the page. I'll look again when you have that sorted.
Now the conditional comments mess up the HTML instead. They display on the page. I'll look again when you have that sorted.
QUOTE(pandy @ Aug 5 2009, 04:45 PM)
Well, here it looks the same in gecko and Opera as in Safari, so it isn't a Safari issue. Only my old IE6 displays the third column.
Thank you for the correction.
For the table within the content column, there's only the two columns, right? Logo on the left, organization name on the right?
What do you think? Should I just abandon the idea of putting that in a table in the first place? I can't think of a way to make that sponsor idea look um... pretty. I just thought tight and organized in a table...
Pandy, any thoughts you might have are welcome!
SB
Here it is.
In better browsers you got what you asked for. Why did you make the TDs display block when you use the tables to create columns? Bad idea, that.
CODE
td { display: block; }
In better browsers you got what you asked for. Why did you make the TDs display block when you use the tables to create columns? Bad idea, that.
QUOTE(pandy @ Aug 5 2009, 10:36 PM)
Here it is.
CODE
td { display: block; }
In better browsers you got what you asked for. Why did you make the TDs display block when you use the tables to create columns? Bad idea, that.
Thank you. Yes, it was a bad idea, and I can't recall exactly what I was trying to do when I included display:block. From Quirksmode.org
QUOTE
A block has some whitespace above and below it and tolerates no HTML elements next to it, except when ordered otherwise (by adding a float declaration to another element, for instance)
Again, I appreciate your eye, and your time!
Best,
SB
QUOTE(Summer Breeze @ Aug 6 2009, 02:33 PM)
Yes, it was a bad idea, and I can't recall exactly what I was trying to do when I included display:block.
IIRC from reading the CSS last night, you tend to over-specify a little, control things that don't need controlling. Maybe that's why, a "better make it block" thing.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.