Annet, it is hard to tell without the full html and css. But you might be against a common problem: http://www.xs4all.nl/~sbpoley/webmatters/layout3.html
Denes. On Apr 13, 9:17 am, annet <[email protected]> wrote: > Denes, > > I still haven't been able to solve my layout problem. I have both used > Safari and Firefox to find the cause of the problem, without any > result. > > Part of my layout reads like: > > <html> > <head> > </head> > <body> > <div id="page"> > <div id="container"> > <div id="header"> > </div> <!-- header --> > <div id="main"> > <div id="maincontents"> > <div id="banner"> > {{if response.image:}} > <img src="{{=response.image}}" alt="banner image"> > {{pass}} > </div> <!-- banner --> > <div id="functionbar"> > <div id="function"> > {{if response.functionname:}} > <h1> {{=response.functionname}} </h1> > {{pass}} > </div> <!-- function --> > <div id="functionnavigation"> > {{if response.functionnavigation:}} > <div class="navigation"> > <ul> > {{for _name,_active,_link in > response.functionnavigation:}} > <li> > <a {{if _active:}} class="active" {{pass}} > href="{{=_link}}">{{=_name}}</a> > </li> > {{pass}} > </ul> > </div> <!-- "navigation" --> > {{pass}} > </div> <!-- functionnavigation --> > </div> <!-- functionbar --> > <div id="contents"> > {{include}} > </div> <!-- contents --> > </div> <!-- maincontents --> > </div> <!-- main --> > <div id="footer"> > </div> <!-- footer --> > </div> <!-- container --> > </div> <!-- page --> > </body> > </html> > > The layout of the include reads like: > > {{extend 'fitwiselayout.html'}} > > <div id="columns"> > <div id="primarycolumn"> > </div> <!-- primarycolumn --> > <div id='secondarycolumn'> > </div> <!-- secondarycolumn --> > </div> <!--columns --> > > The problem is that primarycolumn and secondarycolumn both have a > height, however, columns and contents don't have a height, for both > the computed style for height is height: 0px; The style rules for > #contents are: > > #contents { > clear: both; > background-color: #FFFFFF; > color: #333333; > width: 100%; > border: solid 2px #A9A9A9; > border-radius: 12px; > -webkit-border-radius: 12px; > -khtml-border-radius: 12px; > > } > > When I add: height: 400px; to #contents the problem is solved, > however, this is no option since the contents of the columns is > dynamically generated, so its height varies. Do you have any idea, how > to solve this problem? > > Annet. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "web2py Web Framework" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/web2py?hl=en -~----------~----~----~----~------~----~------~--~---
