Tables not filling <div>

L.@canberra Trevor Lawrence

unread,

Dec 7, 2009, 11:12:33 PM12/7/09

to

I have these pages with tables in <div id ="content">
where
http://ratec.actbus.net/index.html
http://ratec.actbus.net/about.html
http://ratec.actbus.net/album.html
http://ratec.actbus.net/events.html
http://ratec.actbus.net/contacts.html

This is the CSS for #content
#content {
margin-left: 16%;
border-left: solid 1px black;
}
#content table {width: 100%; }

Using IE7, in only case do they fill the whole width of the <div>.
This is the single column, single row table on
http://ratec.actbus.net/index.html starting:
From Webmaster
(Lines 336 to 353)

In Firefox and Safari, they all fill the entire width. Is this a flaw in
IE7, and will IE8 cure this?

The answer to the latter is, I guess, try it and see <g>
However, I had so many problems moving from IE6 to IE7 that I dread moving
to IE8

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

L.@canberra Trevor Lawrence

unread,

Dec 7, 2009, 11:15:52 PM12/7/09

to

P.S.
Why is the <div id ="header"> offset vertically in its containing <dIv> (
<div id = "container"> )?.

I have tried every combination of margin: 0; padding:0; etc to no avail

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

"Trevor Lawrence" <Trevor L.@Canberra> wrote in message news:...

Stefan B Rusynko

unread,

Dec 8, 2009, 5:16:02 AM12/8/09

to

Invalid html in
<table style="font-family: arial,sans-serif; cellpadding="10px">
should be
<table style="font-family: arial,sans-serif;" cellpadding="10">

And if you are referring the to table cells with 8 images, the sum of all images are too wide to fit w/o wrapping

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________

"Trevor Lawrence" <Trevor L.@Canberra> wrote in message news:eW0uqy7d...@TK2MSFTNGP06.phx.gbl...

Hot-text

unread,

Dec 8, 2009, 2:42:14 PM12/8/09

to

<TABLE border=3 borderColor=#000080 > will work for for you

=================================================

HERE A TABLE Template Made Just for your WebSite View it in FrontPage

Save As Template

=======================================================================

"Trevor Lawrence" <Trevor L.@Canberra> wrote in message

news:eVl8g07d...@TK2MSFTNGP04.phx.gbl...

L.@canberra Trevor Lawrence

unread,

Dec 8, 2009, 5:44:59 PM12/8/09

to

Stefan,
Thanks for the reply.

I thought all dimensions have to have a unit. Anyway I altered 10px to 10 on
index.html but the table it refers to is the one which IS full width. Making
this change did not change its appearance

I don't mind that the images wrap in the table below this. I can fix this up
at my leisure.

The table with problems in index.html
<table style="font-family: arial,sans-serif;">
<tr>
<td width="20%" style="vertical-align: middle; text-align:center">
<div style="border:3px solid blue;">
<p style="margin-top:0">This site is sponsored by</p>

<p><a href="http://actbus.net/site/" title="ACT Bus Home Page">
<img src="images/ACT Bus logo.png" height="40" title="ACT Bus Home Page"
/></a></p>
See links in sidebar
</div>
</td>

<td style="border: solid black 2px;">
<table class="tindent" style="border-collapse: collapse;">
<tr>
<th colspan="3" align="center">LATEST CHANGES</th>
<tr>

.............

This is not the full width. I tried changing the outside table statement to:
<table style="font-family: arial,sans-serif;" width="100%">
and the second column to:
<td width = "80%" style="border: solid black 2px;">
but no difference

There are also tables in other pages with similar problems, e.g.
the table in album.html commencing at line 172
the table in events.html commencing at line 162
the table in contacts.html commencing at line 163

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

"Stefan B Rusynko" <sbr_...@hotmail.com> wrote in message
news:%23I4bz9%23dKH...@TK2MSFTNGP05.phx.gbl...

L.@canberra Trevor Lawrence

unread,

Dec 8, 2009, 8:43:42 PM12/8/09

to

I tracked the problem down to the CSS for #content

When I added width:83% all tables expanded to fit the <div>. I guess other
browsers assume that when 2 <div>s are side by side, the second takes up the
space left over by the first

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

"Trevor Lawrence" <Trevor L.@Canberra> wrote in message
news:eW0uqy7d...@TK2MSFTNGP06.phx.gbl...

Stefan B Rusynko

unread,

Dec 9, 2009, 4:30:34 AM12/9/09

to

You missed the point on the style syntax error
- below is missing a closing " in the style tag
(and cellpadding is not a valid style attribute, but a table tag attribute)

style="font-family: arial,sans-serif; cellpadding="10px"

Only CSS dimensions need the px
- the px is not valid/required in html tag attributes
--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________

"Trevor Lawrence" <Trevor L.@Canberra> wrote in message news:O7dgJjFe...@TK2MSFTNGP05.phx.gbl...

Dan L

unread,

Dec 10, 2009, 9:28:02 AM12/10/09

to

Add a width to your table to see if that helps:

"Trevor Lawrence" wrote:

> ..............

> .
>

L.@canberra Trevor Lawrence

unread,

Dec 10, 2009, 5:47:39 PM12/10/09

to

Thanks,

The problem turned out to be an absence of width (83%) on the <div
id="content">, rather than on the table

--
Trevor Lawrence
Canberra
Web Site http://trevorl.mvps.org

"Dan L" <Da...@discussions.microsoft.com> wrote in message
news:CF372B52-9E40-46EA...@microsoft.com...