Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Nov 2006
    Location
    Washington, DC
    Posts
    30
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Exclamation My page wont scroll right in IE. look like CSS issues

    Hi Guys, It have been a while since I've posted here but I have been looking around to try and find a thread/post about my issue with my site. It works just the way I like it in Firefox (though I'm trying to figure out how to center the whole column right) but when I look at it in IE I can only scroll the header image up out of view.

    My best guess is that it has to do with the positioning of this image. How should I fix it?

    I'm looking into this some more but due to time constrain I have to try and finish this as soon as possible before I sell the computer so all I have to do is to put in the content and stuffs. Hopefully somebody here can help me out real quick and in doing so, give me more time to dedicate to the contents.

    Here is my CSS code. the image is in the #header div tag.

    Code:
    html,body {
    height:100%;
    margin:0;
    padding:0;
    border:0; }
    
    body {
    padding-left:110px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#FFF;
    background-color:#000; }
    
    hr {
    margin:0;
    padding:0;
    border:0;
    border-bottom:2px solid #666666;
    line-height:0px;
    font-size:0; }
    
    #header {
    position:fixed;
    top:0px;
    left:0px;
    width:800px;
    z-index:1; }
    
    #left {
    position:fixed;
    top:139px;
    left:10px;
    width:100px; }
    
    ul.navbar {
    list-style-type:none;
    margin:0;
    padding:0; }
    
    ul.navbar li {
    margin:5px;
    padding:2px; }
    
    ul.navbar li.spacer {
    background:none;
    margin:0;
    padding:0; }
    
    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; }
    
    #main {
    position:relative;
    top:139px;
    padding:5px;
    width:688px; }
    
    #sell {
    border:3px solid #FFFFFF;
    padding:5px;
    margin:3px 0; }
    
    #content {
    border:3px double #666666;
    padding:5px;
    margin:3px 0; }
    
    #content p {
    margin:0;
    padding:5px 0;
    font-size:0.9em; }
    
    h2 {
    font-size:160%;
    margin:0;
    padding:10px 0; }
    Here is the home page,
    Code:
    <!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">
    <!--[if lte IE 6]>
    <style type="text/css">
    html {
    overflow:hidden;
    }
    body {
    overflow-y:auto;
    }
    #left {
    position:absolute;
    }
    </style>
    <![endif]-->
    </head>
    <body>
    
    <div id="header">
    <img src="http://i29.photobucket.com/albums/c275/Radscientist/websiteheaderwtext.jpg" style="border:2px solid #666666;" alt="Header Image">
    </div>
    
    <div id="left">
            <ul class="navbar">
                    <li><a href="index.html">Home</a></li>
    		<li><a href="ie.html">Site not working?</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="main">
            <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="content">
    <p><a href="http://www.freewebs.com/radscientist/">Home Page</a><img src="http://www.bayarea.net/~kins/AboutMe/GIFs/updated_animated.gif"></p>
    
    <p><a href="http://www.freewebs.com/radscientist/ie.html">Home Page for Internet Explorer</a></p>
    
    <div id="content"><p><a href="http://www.freewebs.com/radscientist/cal.html">Calender*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/events.html">---Special Events*</a></p>
    </div>
    
    <div id="content"><p><a href="http://www.freewebs.com/radscientist/deslist.html">Destinations List*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/mustsee.html">---Neccessary Destinations*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/deswish.html">---Wishlist of Destinations*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/general.html">---General Destination Listing*</a></p>
    </div>
    
    <div id="content">
    <p><a href="http://www.freewebs.com/radscientist/money.html">Financing Watch*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/dailymoney.html">---Daily Spending*</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*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/wishlist.html">---Wishlist*</a></p>
    </div>
    
    <div id="content">
    <p><a href="http://www.freewebs.com/radscientist/fit.html">Fitness Planning*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitcal.html">---Fitness Calender*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitplan.html">---Fitness Plans*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitprogress.html">---Fitness Progress*</a></p>
    
    </div>
    
    <div id="content">
    <p><a href="http://www.freewebs.com/radscientist/food.html">Culinary Corner*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/foodpractice.html">---Culinary Practice*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/foodcal.html">---Culinary 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 />
    
    <a href="http://www.freewebs.com/radscientist/healthy.html">---Healthy Eating*</a></p>
    
    </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="content">
    <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>

  • #2
    New Coder
    Join Date
    Nov 2006
    Location
    Washington, DC
    Posts
    30
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ok, I've managed to fix most of the problems thanks to http://www.cssplay.co.uk/layouts/body4.html and http://www.cssplay.co.uk/layouts/basics.html.

    right now the only issue left is the fact that the header image seems to push the scrollbar 143px (which is the height of the header) below the viewport in firefox. I'm looking into this but I'm freaking tired right now so I need to go to sleep now and look it up again tomorrow.

    How should I fix this?

    http://www.freewebs.com/radscientist/

  • #3
    New Coder
    Join Date
    Nov 2006
    Location
    Washington, DC
    Posts
    30
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Progress Report:

    I've fixed every last thing execpt for the scroll bar disappearing below the viewport in firefox. I've found that the header image only contributed to that issue a little. It seems to be caused by the code below,

    Code:
    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: hidden;
    /* */ 
    }
    But I can't see how I could fix this cause when I try to, either the entire site scrolls (including the navbar and header) which I don't want or nothing different happens.

    Here is a updated code of the css and the home page.

    CSS:
    Code:
    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: hidden;
    /* */ 
    }
    
    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; }
    Home Page HTML:
    Code:
    <?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>
    		<li><a href="ie.html">Site not working?</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>
    
    <p><a href="http://www.freewebs.com/radscientist/ie.html">Home Page for Internet Explorer</a></p>
    
    <div id="border">
    <p><a href="http://www.freewebs.com/radscientist/cal.html">Calender*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/events.html">---Special Events*</a></p>
    </div>
    
    <div id="border">
    <p><a href="http://www.freewebs.com/radscientist/deslist.html">Destinations List*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/mustsee.html">---Neccessary Destinations*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/deswish.html">---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/dailymoney.html">---Daily Spending*</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*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/wishlist.html">---Wishlist*</a></p>
    </div>
    
    <div id="border">
    <p><a href="http://www.freewebs.com/radscientist/fit.html">Fitness Planning*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitcal.html">---Fitness Calender*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitplan.html">---Fitness Plans*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/fitprogress.html">---Fitness Progress*</a></p>
    
    </div>
    
    <div id="border">
    <p><a href="http://www.freewebs.com/radscientist/food.html">Culinary Corner*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/foodpractice.html">---Culinary Practice*</a><br />
    
    <a href="http://www.freewebs.com/radscientist/foodcal.html">---Culinary 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 />
    
    <a href="http://www.freewebs.com/radscientist/healthy.html">---Healthy Eating*</a></p>
    </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>

    Hopefully I can get enough info to fix this soon either through user post or further research.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •