[web2py] Re: web2py default layout.html
Not intended. Can you help us fix it? On Tuesday, 11 September 2012 10:11:35 UTC-5, dundee wrote: > > > Hi All, > > I notice that when I use the layout.html, even though the div with > class="container" and the Section with id="main" are the same size, the > Section is pushed to the right. > I used the inspector in firefox to check it, when I noticed that text I > had was going out of the container div. This was obvious since I gave the > container a different color. > > Is this the way the container div and main section should work? > > I can work around it, but I want to be sure that this is not a bug. > > > > Thanks. > --
[web2py] Re: web2py default layout.html
Anthony is right, it's the span12 that's causing the problem. I had the same problem, and solved it by following the bootstrap pattern more strictly. Furthermore I defined the css selectors .pad and .pad-vertical and .pad-horizontal which I add to the class="span*" divs to create extra padding when needed. Kind regads, Annet --
[web2py] Re: web2py default layout.html
missing some s for the first "span12"s ? On Wednesday, September 12, 2012 5:42:29 PM UTC+12, Annet wrote: > > Anthony is right, it's the span12 that's causing the problem. I had the > same problem, and solved it by following the bootstrap pattern more > strictly. > > > > > > > > > > > > > > > > > > > > > > > Furthermore I defined the css selectors .pad and .pad-vertical and > .pad-horizontal which I add to the class="span*" divs to create extra > padding when needed. > > Kind regads, > > Annet > --
[web2py] Re: web2py default layout.html
> missing some s for the first "span12"s ? > You're right, it should be: Kind regards, Annet. --
[web2py] Re: web2py default layout.html
aha! Thanks Annet, this fixes a long standing problem. massimo On Wednesday, 12 September 2012 00:42:29 UTC-5, Annet wrote: > > Anthony is right, it's the span12 that's causing the problem. I had the > same problem, and solved it by following the bootstrap pattern more > strictly. > > > > > > > > > > > > > > > > > > > > > > > Furthermore I defined the css selectors .pad and .pad-vertical and > .pad-horizontal which I add to the class="span*" divs to create extra > padding when needed. > > Kind regads, > > Annet > --
[web2py] Re: web2py default layout.html
@Massimo, aha! Thanks Annet, this fixes a long standing problem. Well, Anthony already mentioned the span12, I just provided my solution to the problem. @Dundee In an external style sheet I defined: .pad {padding: 18px;} .pad-hor {padding: 0px 18px;} .pad-vert {padding: 18px 0px;} I use these selectors in the following way: Kind regards, Annet. --
Re: [web2py] Re: web2py default layout.html
I tried to fix it but was unsuccessful so I resorted to just making sure that my content does not take up the entire section. I use a width of 95% and that did the trick. I know that this is not the best fixed. I will be looking on it some more. NB: This problem only happens when the columns are NOT turned on. So I only have to do this on pages where I did not turn on any columns. Luckily most of my pages have columns. I think it has to do with the margin-left:20px to the section when its of class="span12". Not sure. On Tue, Sep 11, 2012 at 10:30 AM, Massimo Di Pierro < massimo.dipie...@gmail.com> wrote: > Not intended. Can you help us fix it? > > > On Tuesday, 11 September 2012 10:11:35 UTC-5, dundee wrote: >> >> >> Hi All, >> >> I notice that when I use the layout.html, even though the div with >> class="container" and the Section with id="main" are the same size, the >> Section is pushed to the right. >> I used the inspector in firefox to check it, when I noticed that text I >> had was going out of the container div. This was obvious since I gave the >> container a different color. >> >> Is this the way the container div and main section should work? >> >> I can work around it, but I want to be sure that this is not a bug. >> >> >> >> Thanks. >> > -- > > > > --
Re: [web2py] Re: web2py default layout.html
This may be the same problem we had with the book app ( https://github.com/mdipierro/web2py-book/commit/774a235b6cb10e66d779716ddf1bb65aac9c53e3). Does it work if you just remove the "span12" class from the id="main" div? Anthony On Tuesday, September 11, 2012 6:07:03 PM UTC-4, dundee wrote: > > I tried to fix it but was unsuccessful so I resorted to just making sure > that my content does not take up the entire section. I use a width of 95% > and that did the trick. I know that this is not the best fixed. I will be > looking on it some more. > > NB: This problem only happens when the columns are NOT turned on. So I > only have to do this on pages where I did not turn on any columns. Luckily > most of my pages have columns. > > I think it has to do with the margin-left:20px to the section when its of > class="span12". Not sure. > > > On Tue, Sep 11, 2012 at 10:30 AM, Massimo Di Pierro > > > wrote: > >> Not intended. Can you help us fix it? >> >> >> On Tuesday, 11 September 2012 10:11:35 UTC-5, dundee wrote: >>> >>> >>> Hi All, >>> >>> I notice that when I use the layout.html, even though the div with >>> class="container" and the Section with id="main" are the same size, the >>> Section is pushed to the right. >>> I used the inspector in firefox to check it, when I noticed that text I >>> had was going out of the container div. This was obvious since I gave the >>> container a different color. >>> >>> Is this the way the container div and main section should work? >>> >>> I can work around it, but I want to be sure that this is not a bug. >>> >>> >>> >>> Thanks. >>> >> -- >> >> >> >> > > > > --
Re: [web2py] Re: web2py default layout.html
Yes definitely that span12 is causing the problem. Thanks guys. Now I have to add some extra padding now. On Wed, Sep 12, 2012 at 2:35 AM, Annet wrote: > > missing some s for the first "span12"s ? >> > > You're right, it should be: > > > > > > > > > > > Kind regards, > > Annet. > > -- > > > > --
Re: [web2py] Re: web2py default layout.html
Thanks again Annet and all the others who took the time to respond to my question. On Wed, Sep 12, 2012 at 11:11 AM, Annet wrote: > @Massimo, > > > aha! Thanks Annet, this fixes a long standing problem. > > > Well, Anthony already mentioned the span12, I just provided my solution to > the problem. > > @Dundee > > In an external style sheet I defined: > > .pad {padding: 18px;} > .pad-hor {padding: 0px 18px;} > .pad-vert {padding: 18px 0px;} > > > I use these selectors in the following way: > > > > > > > > > > > Kind regards, > > Annet. > > -- > > > > --
Re: [web2py] Re: web2py default layout.html
I found the reason of this wrong behavior. The elements having class "row" inherit the width from "container", as you know, but they have a negative margin-left (-20px). The negative margin-left is balanced out with the margin-left of the elements having class "span*" (20px) In our case we had: margin-left = 20px margin-left = -20px margin-left = 20px obtaining a margin-left total of 20px Removing ".span12", things are balanced out again. Therefore, as Annet noted, we have to strictly follow bootstrap layout: "span*" elements wrapped in a "row" element. Latter statement is clearly showed in "Nesting columns" paragraph at http://twitter.github.com/bootstrap/scaffolding.html#layouts Last trunk of web2py has layout.html corrected. Il giorno mercoledì 12 settembre 2012 20:48:29 UTC+2, dundee ha scritto: > > Thanks again Annet and all the others who took the time to respond to my > question. > > On Wed, Sep 12, 2012 at 11:11 AM, Annet > > wrote: > >> @Massimo, >> >> >> aha! Thanks Annet, this fixes a long standing problem. >> >> >> Well, Anthony already mentioned the span12, I just provided my solution >> to the problem. >> >> @Dundee >> >> In an external style sheet I defined: >> >> .pad {padding: 18px;} >> .pad-hor {padding: 0px 18px;} >> .pad-vert {padding: 18px 0px;} >> >> >> I use these selectors in the following way: >> >> >> >> >> >> >> >> >> >> >> Kind regards, >> >> Annet. >> >> -- >> >> >> >> > > > > --