Thanks for the tip.  That didn't work, but I did notice something odd.

The last row (with the referee) _does_ work. If I use Firefox's web developer extension and have it outline block-level elements, I can see that there's a difference between the last row and the ones above it.

A screenshot of that outline can be found at
http://www.lunenburg.org/tmp/weirdfloat.png

I can't see any difference in the HTML that would account for the difference in the display, but maybe that clue will be helpful to someone.

--Wade


On Tue, 5 Jul 2005, Paul Novitski wrote:

Wade,

I think you can solve this by giving your floated elements position: relative;

Sorry I don't have time to test this right now, but check it out.

Paul


At 08:21 AM 7/5/2005, you wrote:
I'm running into an oddity. I'm using divs to create pseudo-tables, so that cells will reorder themselves if the browser window shrinks, instead of the table running over into the sidebar or dropping down below content. I'm basing my markup and CSS on the demo section of script.aculo.us, seen at http://script.aculo.us/visual-effects

My page is at http://beta.comedyworx.com/showshow.php?show_id=17

The HTML and CSS validate, but the links aren't clickable. Both the picture and the name should be valid URLs. I've narrowed down the symptom to the float: left line - when that line is removed, the links are clickable (though the layout is screwed up).

Anyone have any suggestions as to how I can get the layout I need, with links that work?

The relevant CSS section is:

/* Pseudo Tables */
div.pseudorow div.pseudocell {
  margin:     0px;
  padding:    0px;
  margin-top: 20px;
  font-size:  1.0em;
  text-align: center;
  display:    block;
  float:left;
}

div.pseudorow {
  margin:10px;
  overflow:visible;
  position:relative;
  width:100%;
}

The full CSS is at http://beta.comedyworx.com/css/cwx.css

Thanks!

--Wade
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to