Radscientist
02-04-2007, 11:43 PM
Hi, I've already started a thread on fixing up my site but now that I've fixed most of the compatibility issues with IE. So this thread is just for this one issue I have left. Originally the overflow (below) is set to hidden but I was forced to change it to auto because if I don't, the bottom part of the site won't line up to the screen and get stuck below the screen. So now my only issue is that the result of changing the overflow to auto is that I have 2 set of scrolling area (1 is inside the other one). I don't like this cause it make the site behave a lot less smoothly in firefox.
The CSS code I was describing is in the red.
html {
height:100%;
max-height:100%;
padding:0px;
margin:0px;
border:0px;
background:#000;
font-size:76%;
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: auto;
/* */
}
body {height:100%; max-height:100%; overflow:hidden; padding:0px; margin:0px; border:0px;}
#content {top:143px; left:100px; right:0px; bottom:0px; height:100%; max-height:100%; width:704px; overflow:auto; position:absolute; z-index:3; background:#000;}
* html #content {top:0px; left:0px; right:0px; bottom:0px; height:100%; max-height:100%; width:802px; overflow:auto; position:absolute; z-index:3; border-top:143px solid #000; border-left:100px solid #000;}
#head {position:absolute; margin:0px; top:0px; left:0px; display:block; width:804px; height:143px; background:url(http://i29.photobucket.com/albums/c275/Radscientist/websiteheaderwtext.jpg) #000; background-position:0 0; background-repeat:no-repeat; z-index:5; overflow:hidden; border:2px; color:#000;}
#left {position:absolute; left:0px; top:143px; bottom:50px; width:100px; font-size:1.2em; z-index:4; overflow:auto;}
* html #left {height:100%; top:0px; bottom:0px; border-top:143px solid #000; color:#000;}
html,body {
height:100%;
margin:0px;
padding:0px;
border:0px; }
body {
padding-left:110px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
background-color:#000; }
hr {
margin:0px;
padding:0px;
border:0px;
border-bottom:2px solid #666666;
line-height:0px;
font-size:0px; }
ul.navbar {
list-style-type:none;
margin:0px;
padding:0px; }
ul.navbar li {
margin:5px;
padding:2px; }
ul.navbar li.spacer {
background:none;
margin:0px;
padding:0px; }
ul.navbar a, ul.navbar a:link,ul.navbar a:visited {
text-decoration:none;
color:#FFF; }
ul.navbar a:hover {
text-decoration:underline; }
a, a:link, a:visited {
text-decoration:underline;
color:#FFF; }
a:hover {
text-decoration:none; }
#sell {
border:3px solid #FFFFFF;
padding:5px;
margin:3px; }
#border {
border:3px double #666666;
padding:5px;
margin:3px; }
#content p {
margin:0px;
padding:5px;
font-size:0.9em; }
h2 {
font-size:160%;
margin:0px;
padding:10px; }
If you want to see my home page html to figure it out, here it is.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Journey of Will Stroud</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<div id="head">
<img src="http://i29.photobucket.com/albums/c275/Radscientist/websiteheaderwtext.jpg" style="border:2px solid #666666;">
</div>
<div id="left">
<ul class="navbar">
<li><a href="index.html">Home</a></li>
</ul>
<hr>
<ul class="navbar">
<li><a href="http://willjourney.16.forumer.com/">Forum</a></li>
<li><a href="http://theadventureofwillstroud.blogspot.com/">Blog</a></li>
</ul>
<hr>
<ul class="navbar">
<li><a href="http://www.freewebs.com">FreeWebs</a></li>
<li><a href="http://www.photobucket.com">PhotoBucket</a></li>
</ul>
</div>
<div id="content">
<div align="center"><img src="http://i29.photobucket.com/albums/c275/Radscientist/americanwill-1-1.jpg" style="border:2px solid #666666;" alt=""></div>
<p>More Content (Info is below) will be created soon.</p><p>In the Meantime, Please go to either one of the link to the left for more informations on my journey.</p>
<p>Site Map<br />* = Under Construction</p>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/">Home Page</a><img src="http://www.bayarea.net/~kins/AboutMe/GIFs/updated_animated.gif"></p>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/cal.html">Calender (With Daily Spending and Fitness calender now)*</a><br />
<a href="http://www.freewebs.com/radscientist/events.html">Special Events (with descriptions and possibly pictures)*</a></p>
</div>
<div id="border">
<a href="http://www.freewebs.com/radscientist/deslist.html">List of Necessary Destinations and Wishlist of Destinations*</a><br />
<a href="http://www.freewebs.com/radscientist/general.html">General Destination Listing*</a></p>
</div>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/money.html">Financing Watch*</a><br />
<a href="http://www.freewebs.com/radscientist/need.html">Items to buy*</a><br />
<a href="http://www.freewebs.com/radscientist/sell.html">Items to sell*</a><img src="http://www.bayarea.net/~kins/AboutMe/GIFs/updated_animated.gif"><br />
<a href="http://www.freewebs.com/radscientist/needforlater.html">Items to buy later (with Wish-list)*</a><br />
</div>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/fit.html">Fitness Planning & Progress*</a><br />
</div>
<div id="border">
<a href="http://www.freewebs.com/radscientist/food.html">Culinary Practice (with Calender)*</a><br />
<a href="http://www.freewebs.com/radscientist/recipes.html">Favorite Recipes*</a><br />
<a href="http://www.freewebs.com/radscientist/Bread.html">Bread Baking*</a><br />
</div>
</div>
<p>Here is a quote of what I've written on some of the forums that I'm involved with. It basically explains what I am doing with this journey idea and why.</p>
<div id="border">
<p>Hi guys, I've been struggling a bit lately with what I want to do in my life cause I have been losing some interest in computers in general and have been learning (slowly) to cook and enjoy it. This have reminded my of a long phase of my life in middle school where I used to be intensly interested in one field for a few weeks then I move onto something else for a few weeks and I do this again and again. For instance, I was interested in geology for 2 weeks, then bird-watching for 3 weeks, then astrology (not the horoscope craps) for a few weeks. Now I don't really regret all of my time of interests cause it had gotten me to learn a little about many things but right now I feel that it is time for me to really consider what I want to do in my life and stay with it. The reason why I want to set-up this "journey" is because when I was younger and lived with my family, we used to travel a little (due to military transfer but we also traveled on the side too) and I've never really felt at home anywhere else as much as when I'm traveling.</p>
<p>So I've decided that I will try to prepare myself as much as I can for a 2 month long (maximum) leisurly travel across America and possibly a short trek across the border into either Mexico or Canada (though i want to try Canada the most). This will also let me to see all of the sights and experiences everything I want to across America. Doing this will allow me to force myself to learn to interact with stranger in real life (I'm a little bit of a loner) and to expose myself to all different kind of situation which would allow me to see if there is anything I may have not tried that would be perfect for me to do.</p>
<p>So far I'm just outlining the route (in my mind) I would like to take and figuring out what I need to get rid of and whatnot. (I'll just get rid of anything that I don't need and mail the sentimental items to the end destination for a friend to hold till then). The route I have in my mind so far is drawn out on the picture of a blank map of USA. The route so far are very "wandering" cause I don't have enough of destinations along the way yet which is why I posted here so I can find out about places to go to along the way</p>
<p>Oh, another reason why the routes will wander a lot is that I will avoid the interstate as much as i can and use the back road to try and catch some hidden jewels such as a really homey mom and pop restaurant or some lesser-known museum such as the museum that was features on the "Ripley's believe it or not" that was dedicated to collecting all of the oldest computers.</p>
<p>There are several large purchase I may have to make before I'll be ready for the trip and the biggest one of them all will be to purchase a Van for this travel. I plan to outfit and customize the interior into a kind of Mini-RV that I would call the RVan. I will draw and post a picture describing the general plan of the customization that would apply to most vans. The next biggest purchase may be a laptop for basic uses such as internet surfing and word-processing so I'll sell my computer once i'm ready to get a laptop.</p>
<p>So far right now though, this is just the beginning of my outline and planning for the trip so I'll welcome any reasonable advices and idea for me to use I'm going to set up a trip journey on my site which will includes the planning.</p>
<p>NOTES: Due to my slight financial unstability it may take me up to 2 years to save up for this trip if i run into any financial obstacle.</p>
</div>
</div>
</body>
</html>
The CSS code I was describing is in the red.
html {
height:100%;
max-height:100%;
padding:0px;
margin:0px;
border:0px;
background:#000;
font-size:76%;
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: auto;
/* */
}
body {height:100%; max-height:100%; overflow:hidden; padding:0px; margin:0px; border:0px;}
#content {top:143px; left:100px; right:0px; bottom:0px; height:100%; max-height:100%; width:704px; overflow:auto; position:absolute; z-index:3; background:#000;}
* html #content {top:0px; left:0px; right:0px; bottom:0px; height:100%; max-height:100%; width:802px; overflow:auto; position:absolute; z-index:3; border-top:143px solid #000; border-left:100px solid #000;}
#head {position:absolute; margin:0px; top:0px; left:0px; display:block; width:804px; height:143px; background:url(http://i29.photobucket.com/albums/c275/Radscientist/websiteheaderwtext.jpg) #000; background-position:0 0; background-repeat:no-repeat; z-index:5; overflow:hidden; border:2px; color:#000;}
#left {position:absolute; left:0px; top:143px; bottom:50px; width:100px; font-size:1.2em; z-index:4; overflow:auto;}
* html #left {height:100%; top:0px; bottom:0px; border-top:143px solid #000; color:#000;}
html,body {
height:100%;
margin:0px;
padding:0px;
border:0px; }
body {
padding-left:110px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
background-color:#000; }
hr {
margin:0px;
padding:0px;
border:0px;
border-bottom:2px solid #666666;
line-height:0px;
font-size:0px; }
ul.navbar {
list-style-type:none;
margin:0px;
padding:0px; }
ul.navbar li {
margin:5px;
padding:2px; }
ul.navbar li.spacer {
background:none;
margin:0px;
padding:0px; }
ul.navbar a, ul.navbar a:link,ul.navbar a:visited {
text-decoration:none;
color:#FFF; }
ul.navbar a:hover {
text-decoration:underline; }
a, a:link, a:visited {
text-decoration:underline;
color:#FFF; }
a:hover {
text-decoration:none; }
#sell {
border:3px solid #FFFFFF;
padding:5px;
margin:3px; }
#border {
border:3px double #666666;
padding:5px;
margin:3px; }
#content p {
margin:0px;
padding:5px;
font-size:0.9em; }
h2 {
font-size:160%;
margin:0px;
padding:10px; }
If you want to see my home page html to figure it out, here it is.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Journey of Will Stroud</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<div id="head">
<img src="http://i29.photobucket.com/albums/c275/Radscientist/websiteheaderwtext.jpg" style="border:2px solid #666666;">
</div>
<div id="left">
<ul class="navbar">
<li><a href="index.html">Home</a></li>
</ul>
<hr>
<ul class="navbar">
<li><a href="http://willjourney.16.forumer.com/">Forum</a></li>
<li><a href="http://theadventureofwillstroud.blogspot.com/">Blog</a></li>
</ul>
<hr>
<ul class="navbar">
<li><a href="http://www.freewebs.com">FreeWebs</a></li>
<li><a href="http://www.photobucket.com">PhotoBucket</a></li>
</ul>
</div>
<div id="content">
<div align="center"><img src="http://i29.photobucket.com/albums/c275/Radscientist/americanwill-1-1.jpg" style="border:2px solid #666666;" alt=""></div>
<p>More Content (Info is below) will be created soon.</p><p>In the Meantime, Please go to either one of the link to the left for more informations on my journey.</p>
<p>Site Map<br />* = Under Construction</p>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/">Home Page</a><img src="http://www.bayarea.net/~kins/AboutMe/GIFs/updated_animated.gif"></p>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/cal.html">Calender (With Daily Spending and Fitness calender now)*</a><br />
<a href="http://www.freewebs.com/radscientist/events.html">Special Events (with descriptions and possibly pictures)*</a></p>
</div>
<div id="border">
<a href="http://www.freewebs.com/radscientist/deslist.html">List of Necessary Destinations and Wishlist of Destinations*</a><br />
<a href="http://www.freewebs.com/radscientist/general.html">General Destination Listing*</a></p>
</div>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/money.html">Financing Watch*</a><br />
<a href="http://www.freewebs.com/radscientist/need.html">Items to buy*</a><br />
<a href="http://www.freewebs.com/radscientist/sell.html">Items to sell*</a><img src="http://www.bayarea.net/~kins/AboutMe/GIFs/updated_animated.gif"><br />
<a href="http://www.freewebs.com/radscientist/needforlater.html">Items to buy later (with Wish-list)*</a><br />
</div>
<div id="border">
<p><a href="http://www.freewebs.com/radscientist/fit.html">Fitness Planning & Progress*</a><br />
</div>
<div id="border">
<a href="http://www.freewebs.com/radscientist/food.html">Culinary Practice (with Calender)*</a><br />
<a href="http://www.freewebs.com/radscientist/recipes.html">Favorite Recipes*</a><br />
<a href="http://www.freewebs.com/radscientist/Bread.html">Bread Baking*</a><br />
</div>
</div>
<p>Here is a quote of what I've written on some of the forums that I'm involved with. It basically explains what I am doing with this journey idea and why.</p>
<div id="border">
<p>Hi guys, I've been struggling a bit lately with what I want to do in my life cause I have been losing some interest in computers in general and have been learning (slowly) to cook and enjoy it. This have reminded my of a long phase of my life in middle school where I used to be intensly interested in one field for a few weeks then I move onto something else for a few weeks and I do this again and again. For instance, I was interested in geology for 2 weeks, then bird-watching for 3 weeks, then astrology (not the horoscope craps) for a few weeks. Now I don't really regret all of my time of interests cause it had gotten me to learn a little about many things but right now I feel that it is time for me to really consider what I want to do in my life and stay with it. The reason why I want to set-up this "journey" is because when I was younger and lived with my family, we used to travel a little (due to military transfer but we also traveled on the side too) and I've never really felt at home anywhere else as much as when I'm traveling.</p>
<p>So I've decided that I will try to prepare myself as much as I can for a 2 month long (maximum) leisurly travel across America and possibly a short trek across the border into either Mexico or Canada (though i want to try Canada the most). This will also let me to see all of the sights and experiences everything I want to across America. Doing this will allow me to force myself to learn to interact with stranger in real life (I'm a little bit of a loner) and to expose myself to all different kind of situation which would allow me to see if there is anything I may have not tried that would be perfect for me to do.</p>
<p>So far I'm just outlining the route (in my mind) I would like to take and figuring out what I need to get rid of and whatnot. (I'll just get rid of anything that I don't need and mail the sentimental items to the end destination for a friend to hold till then). The route I have in my mind so far is drawn out on the picture of a blank map of USA. The route so far are very "wandering" cause I don't have enough of destinations along the way yet which is why I posted here so I can find out about places to go to along the way</p>
<p>Oh, another reason why the routes will wander a lot is that I will avoid the interstate as much as i can and use the back road to try and catch some hidden jewels such as a really homey mom and pop restaurant or some lesser-known museum such as the museum that was features on the "Ripley's believe it or not" that was dedicated to collecting all of the oldest computers.</p>
<p>There are several large purchase I may have to make before I'll be ready for the trip and the biggest one of them all will be to purchase a Van for this travel. I plan to outfit and customize the interior into a kind of Mini-RV that I would call the RVan. I will draw and post a picture describing the general plan of the customization that would apply to most vans. The next biggest purchase may be a laptop for basic uses such as internet surfing and word-processing so I'll sell my computer once i'm ready to get a laptop.</p>
<p>So far right now though, this is just the beginning of my outline and planning for the trip so I'll welcome any reasonable advices and idea for me to use I'm going to set up a trip journey on my site which will includes the planning.</p>
<p>NOTES: Due to my slight financial unstability it may take me up to 2 years to save up for this trip if i run into any financial obstacle.</p>
</div>
</div>
</body>
</html>