Of course! That works if you know how many elements there are beforehand. This is dynamically generated, so I might have to cache the page beforehand and make the calculation then, but this is possible.
Whether it's more efficient than just using tables, I don't know.
Thanks again,
Mark
Right now I'm seeing this as still needing to use tables, one per row, but at least with the correct DTD IE6 isn't formatting it beyond the right side of the window. Anyone know if any earlier version of IE6 are likely to mis-format along these lines? I need content that will look reasonable...
In this case, it's a data filter where each 'cell' is actually a variable sized SELECT element, both in width and height. For example, gender is very short and causes a narrow cell, but location of 'south west england' amongst others is wider. One row might have 3 wide cells and the other...
Nice! Very close, but if you put content into those columns and resize to minimum they don't stay on one line, they shunt down the page. That was something I fixed with the empty table width=x to enforce min-width, but that only works when you know how many columns you have and/or what width...
It seems the full DTD does fix the behaviour, at least in IE6/WinXP; it now behaves like Firefox. Am I right in thinking this should allow me to use the CSS layout for the 'body' class and still use tables successfully for the fluid resizing?
Vragabond: the fixed width table elements are to prevent the TD from collapsing when resized down to minimum width, as IE doesn't implement min-width. I've re-read the box model info on w3c's css definition without much luck. One of my attempts created two floating divs that could...
cLFlaVA: Sorry, this is what the w3c validator gave me, I believe there might be a second segment pointing to the DTD, as in BillyRayPreachersSon's sample, but I don't know what it should be, both for 4.01 transitional and 4.01 frameset.
Vragabond: My second code fragment is closer to what I'm...
I'm using html 4.01 transitional, as follows
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<h3>a title</h3>
<div style="margin: 1em 50px 1em 50px">
<table width=100%><tr><td align=left>
caption<br>
<br>
<select size=10>
<option>a list of...
I have been trying to convert my table-based layout into smaller CSS, and mostly I've been successful. My problem has been with tables with width=100% and the fluid resizing of the two or more td elements inside.
This snippet shows my attempt to convert two TDs into CSS, but still relies on...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.