|
|
Posted by Deephay on 09/05/07 16:52
On Sep 5, 5:23 pm, Ben C <spams...@spam.eggs> wrote:
> On 2007-09-05, Deephay <tudo...@gmail.com> wrote:
>
>
>
> > Greetings all,
>
> > I am currently writting a 3-column full-width webpage, I have a layout
> > problem, here is demo of the page:
> [...]
> > I have three columns (<div>), the width of the middle column (the last
> ><div>) will equal to 100% of the body width (according to CSS spec.),
> > but the content in that <div> will be put into the spaces between the
> > left and right floats according to the CSS spec, my problem is: some
> > times my CMS system will put a <table width="100%"><tr><td
> > align="center">content</td></tr>, this will break the layout of the
> > page because the middle column is not (100% - 2 x %25) but 100% and
> > the table width will be 100% either.
>
> > Specify the width of the middle column direcly in the stylesheet (45%,
> > say) will help, but I am not sure whether it is a good idea.
>
> That sounds like not a bad idea. The problem is you've got padding and
> borders so things won't add up properly.
Thanks, I'll do it if I have no choice.
I feel CSS behaves oddly in Firefox, according to CSS spec:
"The border box of a table, a block-level replaced element, or an
element in the normal flow that establishes a new block formatting
context (such as an element with 'overflow' other than 'visible') must
not overlap any floats in the same block formatting context as the
element itself."
But why does the middle column actually overlapped with them?
>
> But the general idea of giving the middle column something like width:
> 45%; margin-left: 25%; margin-right: 25% should do the trick from the
> point of view of that stupid table.
>
> Why not fix the CMS system?
Navigation:
[Reply to this message]
|