Problem with my scroll bars

Hi,

I have searched on the forum and found a suggestion about avoiding overflow:auto, which I have appied BUT I still get a problem.

I have taken 3 shots of the same page in Moz FF, IE and Opera.

It is Opera that is causing a problem.

First Moz FF:

Second, IE:

Third Opera:

This is my code:

<div class="page_name">
<span class = "band">Member Control Panel</span>
</div> <!-- End div: page_name --> 

<div class="news_box cont_exp_msg">
  <span class="hot02">Messages from Admin.</span>
    <div class="in_box cont_exp_msg_in">
       <div class="hot04">
	<p><span style="color: blue; font-weight: bold;">Welcome to your control panel.</span><br>
	If you have your own product you can create a product pre-sell page for it here. You can experiment with 
	the editor to achieve your desired pre-sales page format. Keep the "Live" flag to "No" until you are happy with 
	the final presentation. 
	<br><br>
	<b>ONLY</b> when you are happy with it, change the "Live" flag to "Yes" and then it will 
	then be reveiwed by Expert-World admin before being available to other users.
	<br><br>
	Once you have uploaded your pre-sell page and the product information, including the image, 
	please complete the Expert Application form. As soon as you have been approved you can add your articles 
	and tutorials to support your product and expert status.
	<br><br>
	<span style="color: blue; font-weight: bold;">Please go through the various tutorials in the "Free Tuition --> Expert-World section".</span>
	<br><br>
	 </p>
	 </div> <!-- End div:hot04 --> 
       </div> <!-- End div:hot03 -->
     </div> <!-- End div:hot01 -->
					
   <div class="asset_box">
    <span class="hot02">Add New Assetts</span>
       <div class="in_box cont03">
	<div class="hot04">
	<p style="font-size: 14pt; line-height : 1.8em;" >
	<a href="/im/write_profile_sm.php">Update My Profile</a> <br>
	<span style="color: #6699cc; text-decoration: underline;">
	Update My Mini-Blog  <br>
	Upload Images <br>
	Post an Article <br>
	Post a Tutorial <br> </span>
	<a href="/im/add_spons.php">Create Sponsor Advert</a> <br>
	<a href="/im/add_sched.php">Schedule Adverts</a> <br>
	<a href="/im/buy_creds.php">Purchase Ad Credits</a> <br>
	<a href="/im/write_prod.php">Add a Pre-sell Page</a> <br>
	<span style="color: #6699cc; text-decoration: underline;">Write a How-to-tip <br>
	Write an Announcement <br>
	</span>
	<a href="/im/expert_app.php">'Expert' Application.</a> <br>
	<a href="/im/cancel.php">Cancel Membership.</a> <br>
	</p>
	</div> <!-- End div:hot04 --> 
      </div> <!-- End div:hot03 -->
   </div> <!-- End div:asset_box -->


<div class="asset_box">
    <span class="hot02">My Pre-sell Pages</span>
			<div class="in_box cont03">
 			<div class="hot04">
     <p style="font-size: 10pt;">
<?php 
  ( thats probably enough )


And some of the CSS


.news_box{ 
  float:left;
  text-align: left;
  margin: 0 0px 0 0px;
  display:inline;
}

.hot02{
  color :#000;
  font-size: 16px; 
  font-weight: bold; 
  text-align: left;
 }

.in_box{
  border: 1px;
  border-style: solid;
  border-color: #ccc;
  float:left;
  text-align: left;
  margin: 10px;
 }

.asset_box{ 
  float:left;
  width:280px;
  text-align: left;
  margin: 0 0px 0 0px;
  display:inline;
}

.cont_exp_msg{
  width:800px;
  margin: 0 0 0 0px;
}

.cont_exp_msg_in{
  width:840px;
  height: 100px;
  overflow-y: scroll;
}

As you can see I have used overflow-y: scroll; so I am not sure why I am getting this mess in Opera.

Any advice to solve this really appreciated.

Thanks.

Hmmm … I don’t understand that … I’ve just tried it (using Opera 11.0) and it’s working exactly as intended, with scrollbars and content nicely contained where it should be. Which version of Opera and which OS are you using?

Thanks

  • It was because I was running Opera 9

So I’ll leave the coding as is.

Do I just say “Too bad for anyone with an old browser” ?

Or should I put a little note on that page ?

The vast majority of Opera users (like Firefox and Chrome users) are quick to upgrade, so it’s unlikely to be worth worrying about older versions too much.