Kenneth,
I had a problem yesterday with a form I was trying to convert to CSS
from a table. I used an example from
http://www.alistapart.com/stories/practicalcss/. Their example is
similar to your code. Are you clearing the float for your row class as
shown below?
div.row {
clear: both;
padding-top: 10px;
}
HTH,
Tim
Kenneth Stephen wrote:
> Hi,
>
> I'm working with the following test code:
>
> <html>
> <head>
> <style type="text/css" media="all">
> .col1, .col2, .col3, .col4 {
> float: left;
> width: 10em;
> }
> </style>
> </head>
> <body>
> <div class="table">
> <div class="row">
> <div class="col1">col1</div>
> <div class="col2">col2</div>
> <div class="col3">col3</div>
> <div class="col4">col4</div>
> </div>
> <div class="row">
> <div class="col1">col5</div>
> <div class="col2">col6</div>
> <div class="col3">col7</div>
> <div class="col4">col8</div>
> </div>
> </div>
> </body>
> </html>
>
> What I see is col1 through col8 laid out on the same line, whereas
> what I want to see is col1 through col4 on one line and col5 through
> col8 on the next line. How can I do that?
>
> Thanks,
> Kenneth
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> 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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
