Okay, I think I futzed my layout up.

liunx · Jan 11, 2008

This is the page that's currently being an arse: <a class="postlink" href="http://www.furnation.com/Mister_Initial_Man/New_Site/Bio/john-david.html">http://www.furnation.com/Mister_Initial ... david.html</a>

My HTML is this:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="Content-Style-Type" content="text/css" />
<meta name="Author" content="John-David Kraaikamp" />
<meta name="Description" content="Furry Self" />
<meta name="Keywords" content="Furry, anthro, anthropomorphic, fursona" />
<title>The Wrasslin' Lynx</title>
<link type="text/css" rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../CSS/setup.css" />
<link type="text/css" rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../CSS/bio.css" />
</head>
<body>

<div id="menu">
<ul id="sidebar">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"john-david.html">John-David</a>
The Real Me.</li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"jack_daniels.html">Jack Daniels</a>
The Wrasslin' Lynx</li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"musical_me.html">Musical Me</a>
Instruments I play.</li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.livejournal.com/users/mrinitialman" onclick="this.target='blank'">LiveJournal</a>
My ramblings.
</li>
<li class="last"><a href=http://www.webdeveloper.com/forum/archive/index.php/"../index2.html">Back Home</a>
Self-explainitory.</li>
</ul>
</div>

<div id="content">
<h1>The Real Me</h1>
<div class="center"><img src=http://www.webdeveloper.com/forum/archive/index.php/"../Graphics/JDK/me.jpg" alt="The Real Me"></div>

<p class="space">So, you want to know about the REAL me. Okay.</p>
<p>My real name is John-David Wesley Philip Xebastion MacColl Vickers Dornebal Kraaikamp. It was this long name that earned me the nickname "Mr. Initial Man" in the first place. A sincere thank you to Luke Hansen, a friend of mine who gave me that nickname. As you can see, it stuck.</p>
<p>I'm 24 years old, I weigh about 250 lbs, and I'm 5'8" tall. I have longish hair, glasses, sideburns, a tattoo of a lynx on my right shoulder, and often forget to shave.</p>
<p>I'm a writer, roleplayer, musician, fan of art and comics, and I love working on the internet.</p>
<p>I got into Furry when I was about 5 years old, when I read a series of books called "Fern Hollow" I don't know if their in print anymore.</p>
<p>I got seriously into furry when I discovered the Redwall Online Community on the Internet. I began role-playing, and eventually ran my own club.</p>
<p>It was here that I became Mr. Initial Man.</p>
<p>The name Mr. Initial Man took on his own identity at the Lofty Bearing Forums, where I gave him the species of Lynx, and later, his own "real" name, mostly based on jokes on my own name.</p>
<p>I've enjoyed writing since I was in grade school, and now am working on my own stories. I hope to be published one day.</p>
</div>
</body>
</html>

This is the CSS in bio.css
body, html {
height : 100%;
max-height : 100%;
overflow : hidden;
padding : 0;
margin : 0;
border : 0 none inherit;
background: #000066;
color: #ffffff;
}
#content {
overflow : scroll;
overflow-x :hidden;
position : absolute;
left : 160px;
right : 0px;
z-index:1;
padding: 5px;
}
* html #content {
top:0px;
left: 0;
padding:0 0 0 130px;
bottom:0px;
height : 100%;
max-height : 100%;
position : absolute;
z-index:1;
width:100%;
}
#menu {
position: absolute;
top:0;
bottom:0px;
left:0px;
width:145px;
height:auto;
margin:0;
padding:5px;
z-index:6;
border-right: 1px solid #00bbff;
}
ul#sidebar{
}
#sidebar li{
border: 2px solid #bbbbff;
border-bottom: none;
width:130px;
padding: 5px;
text-align: center;
}
#sidebar li.last{
border: 2px solid #bbbbff;
}
#sidebar li a{
display:block;
font-size: 1.4em;
}
a:link{
color: #bbbbff;
}
a:visited{
color: #eeeeff;
}
a:hover{
color: #ddddff;
}
a:active{
color: #ccccff;
}
h1{
font-family: "Old English Text MT", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: underline;
}

And this is the setup.css file:

#counter{
text-align: center;
font-size: large;
margin-top: 20px;
}
.space{
margin-top: 20px;
}
.center{
text-align: center;
}
a{
text-decoration: underline overline;
}
h1{
font-size: 3em;
text-align: center;
font-weight: lighter;
}
h2{
font-size: 2em;
text-align: center;
font-weight: lighter;
}
h3{
font-weight: lighter;
}
p{
text-indent: 30px;
margin-top: 0;
margin-bottom: 0;
}
img{
border: 0;
}
img.left{
float: left;
margin-right:10px;
}
.clear{
clear: left;
}
dt{
margin-top: 20px;
}
ul{
list-style: none;
padding: 0;
margin:0;
}
li{
border: 0;
margin: 0;
padding: 0;
list-style: none;
}

In the page I'm working on (<a class="postlink" href="http://www.furnation.com/Mister_Initial_Man/New_Site/Bio/john-david.html">http://www.furnation.com/Mister_Initial ... david.html</a>), the right side has to scroll (with the left side staying put). Where am I going wrong?

-------------------------------------------------
UPDATE!

I'd left out a few attributes in my CSSHey John-David,

On your * html #content - increase the left-padding to 160px.
in #content, change the scroll to auto and add top:0; bottom:0;

Hope that works for you.

Cheers for now.

Edit : I just checked out your site and you have a problem here (in FF) : <a class="postlink" href="http://www.furnation.com/Mister_Initial_Man/index2.htmlOh">http://www.furnation.com/Mister_Initial ... ex2.htmlOh</a>, boy, did I EVER goof! Thank you, BonRouge! *Hides face in shame.*

Here's what happened.

<body>
<h1>(Main Heading)</h1>
<div id="title">(Title Graphic)</div>
<div id="content">

It SHOULD have been...

<body>
<div id="title">(Title Graphic)</div>
<div id="content">
<h1>(Main Heading)</h1>

I'm patching it up now.

Okay, I think I futzed my layout up.

liunx

Guest