WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: seanie_morris on August 19, 2011, 02:05:59 PM

Title: Table or Div set as 100% but it's not filling in the area
Post by: seanie_morris on August 19, 2011, 02:05:59 PM

I have experienced this on a number of WB templates so I don't think it can be attributed to any one design seeing as this problem only occurs within the WYSIWYG editable region...

When I have a table inserted (or added a <div> via the 'Source' option) and it is defined as width="100%", it never fills the area. The table is indented relative to the other paragraphs of text on the page when viewed live, thus making the content skewed in places.

There's no change for the table's position being "left", "right", "center" or "default" (undefined).

Am I missing something? Shall I post an example to the page?

Thanks in advance,

Seanie.

Title: Re: Table or Div set as 100% but it's not filling in the area
Post by: pcwacht on August 19, 2011, 02:12:28 PM

A link to an example page will help.
Sometimes setting a negative margin will help.

John

Title: Re: Table or Div set as 100% but it's not filling in the area
Post by: seanie_morris on August 19, 2011, 03:35:17 PM

Thanks John,

Here is a link to what I am working on:

http://www.knocknagoshelshootinggrounds.com/wb/pages/about-us.php

You can see where I have the 2 paragraphs next to the embedded video. All this is placed within a 2-column table.

Seanie.

P.S. For some reason the default 'Home' link won't work too, if you navigate away from the homepage you won't get back to it with out going 'back', but I'll look at this later.

Title: Re: Table or Div set as 100% but it's not filling in the area
Post by: Ruud on August 19, 2011, 03:46:53 PM

You have all kinds of table styling in your CSS. This will have its effect on the output.

Code: (layout_text.css) [Select]

.main-content table {clear:both; width:99%; margin:2.0em 0 0.2em 20px;}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px;}


Title: Re: Table or Div set as 100% but it's not filling in the area
Post by: seanie_morris on August 19, 2011, 04:44:05 PM

Feck it, the one .css file I never thought of checking for such lines.  :roll: Thanks for that Ruud, it helps getting a second pair of eyes to glance over one's work.

Seanie.