Post by firequall on Dec 28, 2008 22:48:57 GMT
Sorry if this is the wrong sort of thing to post in here but I'm looking for some help with my webpage.
Here's what I currently have: bystander.ca/v2/
What I want to do is have a footer (where all the links are) at height of 15px and have the main content (above the footer) take up the rest of the space (ie: fluid height). Furthermore, I would like my twitter updates to be inline with the links but aligned on the right-hand side of the page. An added bonus would be to have the main content centered both horizontally and vertically, but I can deal with having it horizontally centered. I hope this is making sense...
Either way, I think I've made some pretty good progress but it's the points I've mentioned that are giving me problems. Here's the source for the page:
Any other coding suggestions are welcomed as well!
Here's what I currently have: bystander.ca/v2/
What I want to do is have a footer (where all the links are) at height of 15px and have the main content (above the footer) take up the rest of the space (ie: fluid height). Furthermore, I would like my twitter updates to be inline with the links but aligned on the right-hand side of the page. An added bonus would be to have the main content centered both horizontally and vertically, but I can deal with having it horizontally centered. I hope this is making sense...
Either way, I think I've made some pretty good progress but it's the points I've mentioned that are giving me problems. Here's the source for the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>bystander.ca</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css">
body,html {
height:100%;
margin:0;
padding:0;
}
#container {
height:100%;
}
#main {
height:auto;
text-align:center;
padding:5px 0 0;
}
#footer {
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
padding:0 5px;
}
ul#twitter_update_list {
text-align:right;
list-style:none;
display:inline-block;
margin:0;
padding:0;
}
</style>
</head>
<body>
<div id="container">
<div id="main">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '600',
'height', '500',
'src', 'gallery',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'top',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'gallery',
'bgcolor', '#ffffff',
'name', 'gallery',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'gallery',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="600" height="500" id="gallery" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="gallery.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="gallery.swf" quality="high" bgcolor="#ffffff" width="600" height="500" name="gallery" align="top" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<div id="footer">
<strong>Gary Musson</strong> :: <a href="mailto:gary.musson@gmail.com">email</a> <a href="http://www.flickr.com/photos/firequall/">flickr</a> <a href="http://www.last.fm/user/firequall">last.fm</a> <a href="http://www.twitter.com/firequall/">twitter</a> <a href="http://www.vimeo.com/user682550">vimeo</a>
<ul id="twitter_update_list">
</ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/firequall.json?callback=twitterCallback2&count=1"></script>
</div>
</div>
</body>
</html>
Any other coding suggestions are welcomed as well!