Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Full width
- Thread starter katiekat
- Start date
Are you meaning one table row that spans the entire width while the other rows do not? Or do you simply want the whole table to be stretched across the screen width?
Stretching an entire table is as simple as specifying "width='100%'" within the <table> tag.
If you want one row to be wider than the others, you will either have to make it part of a separate table, or use "padding" cells to fill out the rest of the table.
Here's an example of a single table, with the first row being 100% wide and the others being shorter:
the second td of the second row will force the first td of the second row to be as narrow as possible. You can decrease the width% of the "padding" td in order to allow the other table content to use more room (otherwise, it might look squashed).
I'm not sure how well this technique will work in older browsers though.
Perhaps a more compliant method would be to use two tables, like this:
you may need to use CSS to remove extra space between the tables if you use this method.
I hope this solves your problem! -----------------------
"It's lonely at the top, but you eat better." -- Unknown
Stretching an entire table is as simple as specifying "width='100%'" within the <table> tag.
If you want one row to be wider than the others, you will either have to make it part of a separate table, or use "padding" cells to fill out the rest of the table.
Here's an example of a single table, with the first row being 100% wide and the others being shorter:
Code:
<table width="100%">
<tr><td colspan="2" width="100%">Long row content</td><tr>
<tr><td>Other table content</td>
<td width="100%"></td></tr>the second td of the second row will force the first td of the second row to be as narrow as possible. You can decrease the width% of the "padding" td in order to allow the other table content to use more room (otherwise, it might look squashed).
I'm not sure how well this technique will work in older browsers though.
Perhaps a more compliant method would be to use two tables, like this:
Code:
<table width="100%">
<tr><td>Full screen width content here</td></tr></table>
<table>
<tr><td>Shorter content here</td></tr>
</table>you may need to use CSS to remove extra space between the tables if you use this method.
I hope this solves your problem! -----------------------
"It's lonely at the top, but you eat better." -- Unknown
Are you meaning one table row that spans the entire width while the other rows do not? Or do you simply want the whole table to be stretched across the screen width?
Stretching an entire table is as simple as specifying "width='100%'" within the <table> tag.
If you want one row to be wider than the others, you will either have to make it part of a separate table, or use "padding" cells to fill out the rest of the table.
Here's an example of a single table, with the first row being 100% wide and the others being shorter:
the second td of the second row will force the first td of the second row to be as narrow as possible. You can decrease the width% of the "padding" td in order to allow the other table content to use more room (otherwise, it might look squashed).
I'm not sure how well this technique will work in older browsers though.
Perhaps a more compliant method would be to use two tables, like this:
you may need to use CSS to remove extra space between the tables if you use this method.
I hope this solves your problem! -----------------------
"It's lonely at the top, but you eat better." -- Unknown
Stretching an entire table is as simple as specifying "width='100%'" within the <table> tag.
If you want one row to be wider than the others, you will either have to make it part of a separate table, or use "padding" cells to fill out the rest of the table.
Here's an example of a single table, with the first row being 100% wide and the others being shorter:
Code:
<table width="100%">
<tr><td colspan="2" width="100%">Long row content</td><tr>
<tr><td>Other table content</td>
<td width="100%"></td></tr>
</table>the second td of the second row will force the first td of the second row to be as narrow as possible. You can decrease the width% of the "padding" td in order to allow the other table content to use more room (otherwise, it might look squashed).
I'm not sure how well this technique will work in older browsers though.
Perhaps a more compliant method would be to use two tables, like this:
Code:
<table width="100%">
<tr><td>Full screen width content here</td></tr></table>
<table>
<tr><td>Shorter content here</td></tr>
</table>you may need to use CSS to remove extra space between the tables if you use this method.
I hope this solves your problem! -----------------------
"It's lonely at the top, but you eat better." -- Unknown
- Thread starter
- #5
Here's what I'm doing. I am going to place a flash menu in one row of a table which will seperate the rest of the content from a header. I want this to look like a band of color across the entire screen, with no little white bits at the end, no matter what size screen you have.
Make sense?
thanks!!!
k Holy tek-tips batman!:-0
Make sense?
thanks!!!
k Holy tek-tips batman!:-0
Have you defined your margins to 0 px?
Between the <head> tags:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-right: 0px
)
-->
</style> Dan Morgan - Sitepoint Mentor (Glenplake)
Between the <head> tags:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-right: 0px
)
-->
</style> Dan Morgan - Sitepoint Mentor (Glenplake)
Sorry, typo, the braces should both be curly { not (
Dan Dan Morgan - Sitepoint Mentor (Glenplake)
Dan Dan Morgan - Sitepoint Mentor (Glenplake)
- Thread starter
- #8
K Holy tek-tips batman!:-0- Status
Similar threads
- Locked
- Question
- Locked
- Question