On my site when I type a sentence that is longer then the width of the table that it is in, with firefox the table width is not respected causing my other floating table (to the right of it) to fall to the bottom.
The left sections code is:
/* the content */
#content{
width: 520;
position: absolute;
float:left
top: 150px;
margin-left:10px;
}
And the right sections code is:
#sidebar{
width: 200px;
padding-left: 10px;
position: static;
top: 10px;
line-height: 1.0em;
font-size: 10px;
float: right;
padding-right: 10px;
left: 520px;
background-color: #FFFFFF;
overflow: auto;
Does anyone know how to restrict the size of the left table? I can't seem to solve this problem. Any help would be greatly appreciated.Tables aren't intended for layout and as such your control over them is limited. Use CSS for layout like you ought to.Sorry, i typed tables but I meant that im using CSS for layout.Got link? Your sentence should word wrap in the div.Try this:#content{
width: 520;
position: absolute;
float:left
top: 150px;
margin-left:10px;
margin-right:200px;
}
#sidebar{
width: 200px;
padding-left: 10px;
position: static;
top: 10px;
line-height: 1.0em;
font-size: 10px;
float: right;
padding-right: 10px;
left: 520px;
background-color: #FFFFFF;
overflow: auto;
margin-left:-200px;
}Those two values just need to be set to the width of #sidebar, and then you shouldn't have those problems with it getting shoved down below the #content. I hope that works for you!
The left sections code is:
/* the content */
#content{
width: 520;
position: absolute;
float:left
top: 150px;
margin-left:10px;
}
And the right sections code is:
#sidebar{
width: 200px;
padding-left: 10px;
position: static;
top: 10px;
line-height: 1.0em;
font-size: 10px;
float: right;
padding-right: 10px;
left: 520px;
background-color: #FFFFFF;
overflow: auto;
Does anyone know how to restrict the size of the left table? I can't seem to solve this problem. Any help would be greatly appreciated.Tables aren't intended for layout and as such your control over them is limited. Use CSS for layout like you ought to.Sorry, i typed tables but I meant that im using CSS for layout.Got link? Your sentence should word wrap in the div.Try this:#content{
width: 520;
position: absolute;
float:left
top: 150px;
margin-left:10px;
margin-right:200px;
}
#sidebar{
width: 200px;
padding-left: 10px;
position: static;
top: 10px;
line-height: 1.0em;
font-size: 10px;
float: right;
padding-right: 10px;
left: 520px;
background-color: #FFFFFF;
overflow: auto;
margin-left:-200px;
}Those two values just need to be set to the width of #sidebar, and then you shouldn't have those problems with it getting shoved down below the #content. I hope that works for you!