blownuts, that I'm trying to place into a layout ordered by div layers so that the components and entries appear in sync with the background. My components are fine, but no matter what, my entries will not stay put. They keep moving relative to the screen size. 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?
