This is the div layer:
.bncontent { position: absolute; top: 310px; left: 350px; }
and these are my variations on coding for the layout:
function page_layout(Page p) { var string title = $p->title(); """ <html> <head> <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/> $p.head_content """; $p->print_custom_head(); """ <title>$title</title> </head> """; """<body> <img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg"> <div class="bncomps">"""; print_my_components($p); """</div>"""; """<table style="border: 0px; margin: auto; padding: 0px; width:550px;"><tr><td>"""; """<div class="bncontent">"""; print_my_entries($p, $title); """</div>"""; """</td></tr></table>"""; """ </body> </html> """; }
that gets me what is currently happing: the components are sized right, but jump all over the screen based on resizing the browser window.
this:
function page_layout(Page p) { var string title = $p->title(); """ <html> <head> <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/> $p.head_content """; $p->print_custom_head(); """ <title>$title</title> </head> """; """<body> <img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg"> <div class="bncomps">"""; print_my_components($p); """</div>"""; """<div class="bncontent">"""; print_my_entries($p, $title); """</div>"""; """ </body> </html> """; }
gives me components that stretch across the whole page.
and this:
function page_layout(Page p) { var string title = $p->title(); """ <html> <head> <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/> $p.head_content """; $p->print_custom_head(); """ <title>$title</title> </head> """; """<body> <img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg"> <div class="bncomps">"""; print_my_components($p); """</div>"""; """<table style="position: absolute; border: 0px; margin: auto; padding: 0px; width:550px;"><tr><td>"""; """<div class="bncontent">"""; print_my_entries($p, $title); """</div>"""; """</td></tr></table>"""; """ </body> </html> """; }
puts them in the right place, but super-deforms them and makes them only about 200px wide. This is driving me up a wall! Please, somebody help?