[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.
>>
>> --
>>
>>
>>
>>
>
>
>
>
--
