Is this how CSS is meant to behave? Floating tables.

[cs.punk]

.div1 {
float: left;
border: solid 2px #CC6644;
}

table {
float: left;
}

 

As soon as the table contains a row that spans over one line, the table goes below the div. Unless you remove the float from table {}.

 

Using Firefox 3.5. Works fine in IE 7.

[haku]

Say what?

[bobby317]

Show complete code and CSS please

[cs.punk]

Sorry guys..

 

CSS

.div1 {
border: solid 2px #CC6644;
float: left;
}

table {
float: left;
}

 

XHTML

<div class='div1'>
<p>test test test </p>
</div>

<table border='1'>
<tr>
 <th>Title</th>
 <th>Test</th>
</tr>
<tr>
 <td>test test test test test test test test test test test test test test test test test 
	 test test test test test test test test test test test test test test test test 
	 test test test test test test test test test test test test test test test test
</td>
 <td>2</td>

</tr>
</table>

 

With this code the table does not 'float against' div1 (fig 1) ONLY once I remove the float from table* does it float normally (fig 2).

 

*

table {

}

This happens in firefox, in IE it works perfectly.

 

[attachment deleted by admin]

[cs.punk]

bump

 

Could this possibly be a firefox bug?

[xcoderx]

just tested and it does float. if u dont set a width how will u know if it is floating or not lol

 

<style type="text/css">
.div1 {
border: solid 2px #ff0000;
float: left;
margin:10px;
}

table {
float: left;
width:600px;
color:#ff0000;
}

</style>
<div class='div1'>
<p>test test test </p>
</div>

<table border='1'>
<tr>
 <th>Title</th>
 <th>Test</th>
</tr>
<tr>
 <td>test test test test test test test test test test test test test test test test test 
	 test test test test test test test test test test test test test test test test 
	 test test test test test test test test test test test test test test test test
</td>
 <td>2</td>

</tr>
</table>

[cs.punk]

Why can't the table be flexible and re-size itself to the max possible?

[otuatail]

what hapens if the first class div1 has a height: atribute.

 

Desmond.