The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> No scroll bar in main window, Scroll Bar Problem
Kal
post Apr 14 2010, 06:02 PM
Post #1


Novice
**

Group: Members
Posts: 24
Joined: 14-April 10
Member No.: 11,657
I'm new at this.

I am writing my first html page and I have noticed that my main window does not have a scroll bar on the right. It is not a browser problem because other websites and pages show the scroll bar. If I position an element too far down, I can't get the page to scroll down and see it. It must be something in my code. Any thoughts? Thank you.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 14 2010, 06:15 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Hi! smile.gif

Can we see the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Kal
post Apr 14 2010, 06:24 PM
Post #3


Novice
**

Group: Members
Posts: 24
Joined: 14-April 10
Member No.: 11,657
QUOTE(pandy @ Apr 14 2010, 04:15 PM) *

Hi! smile.gif

Can we see the page?




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


<html>
<!-- If you want image buttons to not show a border around them, put border= "0" after img-->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>
JDK Products Main
</title>
<link rel = stylesheet type= "text/css" href = "jd_grid_style_with_id.css">
</head>

<body>
<p id="welcome">
<img src = "/Users/john/Desktop/www.jdkaram.com/images/Welcome.png" alt= "Welcome">
</p>

<img src = "/Users/john/Desktop/www.jdkaram.com/images/Banner.jpg" alt= "Banner">

<div id= "image1">
<img src = "/Users/john/Desktop/www.jdkaram.com/images/bookcover.png" alt= "Book Cover">
</div>

<div id= "image2">
<img src= "/Users/john/Desktop/www.jdkaram.com/images/burnout_asiandance_ls_blk.png" alt= "Asian Dance Top">
</div>

<p id= "menubutton1" > <a href ="/Users/john/Desktop/www.jdkaram.com/pages/jd_second_page.html">
<img border= "0" src= "/Users/john/Desktop/www.jdkaram.com/images/Home_Button.png" alt= "Home Button"></a></p>

<p id= "menubutton2" ><a href="http://www.google.com">
<img border= "0" src="/Users/john/Desktop/www.jdkaram.com/images/Tops_Button.png" alt= "Tops Button"></a>
</p>

<p id= "menubutton3" ><a href="http://www.jetpens.com">
<img border= "0" src="/Users/john/Desktop/www.jdkaram.com/images/Bottoms_Button.png" alt= "Bottoms Button"></a>
</p>

<p id= "menubutton4"><a href="http://www.youtube.com">
<img border= "0" src= "/Users/john/Desktop/www.jdkaram.com/images/Accessories_Button.png" alt= "Accessories Button"></a>
</p>

<p id= "menubutton6">
<a href="http://www.ebay.com"><img border= "0" src="/Users/john/Desktop/www.jdkaram.com/images/Contact_Button.png" alt= "Contact Button"></a>
</p>


</body>

</html>



body
{
position: fixed;
background-color: rgb(255, 204, 255);
margin: 0px;

}

#welcome
{
position: fixed; left: 111px; top: 115px;
}

#image1
{
position: fixed; left: 370px; top: 350px;
padding: 0px;
border-style: solid;
border-color: orange;

}


#image2
{
position: fixed; left: 570px; top: 350px;
padding: 0px;
border-style: solid;
border-color: purple;
}




#menubutton1
{
position: fixed; top: 270px; left: 111px;

}

#menubutton2
{
position: fixed; top: 340px; left: 111px;
}


#menubutton3
{
position: fixed; top: 410px; left: 111px;
}

#menubutton4
{
position: fixed; top: 480px; left: 111px;
}


#menubutton6
{
position: fixed; top: 550px; left: 111px;

}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 14 2010, 06:58 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
There's nothing that can scroll, so that's why there is no scrollbar. Just about everything is positioned fixed.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Kal
post Apr 14 2010, 07:17 PM
Post #5


Novice
**

Group: Members
Posts: 24
Joined: 14-April 10
Member No.: 11,657
Thank you. I replaced every "fixed" position with "absolute" position and life is wonderful again! Thank you.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 14 2010, 07:24 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
It was especially that you had made body fixed. Some browsers put a scrollbar on anyway, but no browser scrolls.

I'd take it easy with the positioning. Don't use it when it isn't needed. You absolutely do not need to position everything. You'll run into troube with absolute too.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Kal
post Apr 14 2010, 07:55 PM
Post #7


Novice
**

Group: Members
Posts: 24
Joined: 14-April 10
Member No.: 11,657
Thanks for the advice. I'll keep an eye on positioning.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 11:03 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC