Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: downgrading to 4.0.4
Hi Gallex,
I have been inspecting the layout (using the Firebug extension).
If you inspect the your site using that tool, you can “see” (by hovering with your mouse each element in the DOM) the dimensions of each element.
So, the right column crosses the content limit because that is the layout of your site.
Which is the solution? I have been trying some “real-time” editing of your site, without any success.
I advice you against using tables for the layout.
It’s hard to find these days a website made using TxP and tables for layout.
Offline
#17 2007-08-04 11:01:57
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,331
Re: downgrading to 4.0.4
maniqui wrote:
I have been inspecting the layout (using the Firebug extension).
If you inspect the your site using that tool, you can “see” (by hovering with your mouse each element in the DOM) the dimensions of each element.
So, the right column crosses the content limit because that is the layout of your site.
Which is the solution? I have been trying some “real-time” editing of your site, without any success.
i can’t understrand why firebug shows content width 485px when it is 440px in html source,
why firebug shows sub_menu width 215px when it is 260px in html? I just can’t understand it :(
Offline
Re: downgrading to 4.0.4
In the W3C box model, the width does not includes padding and border. If you want padding-left 60px and padding-right 20px while keeping total width at 440px (padding included), then you have to set the width to 440px -20px – 60px = 360px, so try adding width: 360px; to the #content style.
Btw, any reason why you’re using a Doctype that triggers quirksmode?
Offline
#19 2007-08-05 09:08:41
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,331
Re: downgrading to 4.0.4
ruud wrote:
In the W3C box model, the width does not includes padding and border. If you want padding-left 60px and padding-right 20px while keeping total width at 440px (padding included), then you have to set the width to 440px -20px – 60px = 360px, so try adding
width: 360px;to the #content style.
thank’s, ff2.0.6 and opera9.01 displays now correctly, but….ie 6.0 don’t like this :(
Btw, any reason why you’re using a Doctype that triggers quirksmode?
because of table#main {height:100%}
other doctype’s can’t do it. i need to strech main table from side to side. or do you know the better solution?
Offline
Re: downgrading to 4.0.4
It’s probably due to the quirksmode doctype that you’re seeing IE6 behave differently as it does not use the W3C box model and thus includes padding in the width you’ve set. I don’t have a solution for the height:100% problem, so I’ll leave that to the CSS experts here.
Offline
#21 2007-08-05 11:16:46
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,331
Re: downgrading to 4.0.4
ruud wrote:
It’s probably due to the quirksmode doctype that you’re seeing IE6 behave differently as it does not use the W3C box model and thus includes padding in the width you’ve set. I don’t have a solution for the height:100% problem, so I’ll leave that to the CSS experts here.
i just putted the width to the sub_menu column as well and all started to work well :)
thank you for the hint in previous post ruud
Offline