|
|
Posted by Deephay on 09/05/07 17:24
On Sep 6, 12:52 am, Deephay <tudo...@gmail.com> wrote:
> 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?
>
I have a mis-understanding, this behavior is correct.
>
>
> > 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]
|