Opera Browser Usage and Support Forum

body{text-align:center;}
/* centers blocks ie cause ie is silly and won't listen to auto margins */

Thanks for looking at this. Below are two controlling CSS items. Note that the text within the scroll box is left justified but the box itself is centered as well as the title text.

Keep in mind that I am new to this so the CSS may well be off.

Thanks,

Bob

--

div.scroll {
height: 200px;
width: 147px;
overflow: auto;
text-align: left;
border: 2px solid #999;
background-color: #ccc;
padding: 0 0px 0px 0;
margin: 0px 0px 0px 0px;
float: center;
}

body{
text-align:center
}
/*to center with css in ie you have to center align text on your
body or like root element*/

div.scroll {
height: 200px;
width: 147px;
overflow: auto;
text-align: left;
border: 2px solid #999;
background-color: #ccc;
padding: 0 0px 0px 0;
margin: 0px auto 0px auto;
}
/* auto margins is the proper way to center a block with css and will work with almost all browsers except ie */

.centerall{
text-align:center;
font-size: 120%;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 20px 0px 5px 0px;
}
/* this one should be fine as far as I can tell */

That worked perfectly in all three browsers. Thanks so much for taking the time to do this.

I must say that the body CSS surprised me.

body{
text-align:center
}

I would have guessed that all the text on the page would have been centered but that's not the case.

Thanks again cuce,

I seem to have one last problem with this code.

I have the two almost identical scroll boxes working fine except for the horizontal scroll bar in the first box. The horizontal bar should not be showing at all but it does in the first box only.

The problem is not with the coding because I can switch boxes and it is always the first box only that is the problem regardless of what is presented in it.

I think it is probably a small </div> error or general formatting error that I am not seeing because I am new to coding. You can assume the PHP and Includes are correct.

You can see the problem at: <SNIP> . My current CSS and HTML are below if that's more convenient.

Can someone see what mistake I am making?

Thanks a lot,

Bob

__

div.scroll {
height: 175px;
width: 145px;
overflow: auto;
text-align: left;
border: 2px solid #999;
background-color: #ccc;
padding: 0 0px 0px 0;
margin: 0px auto 0px auto;
}

.centerall{
text-align:center;
font-size: 120%;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 20px auto 5px auto;
float: center;
}

.centermedium{
text-align:center;
font-size: 85%;
font-weight: normal;
padding: 5px 0px 5px 0px
}

__

<!-- RSS Feed Reader Usability In The News -->
<?php unset($arnews);?>
<div class="centerall"><a href="<SNIP>" title="Title">Text</a></div>
<div class="centermedium">Latest Headlines
</div>

<div class="scroll">
<?php
include ("<SNIP>");
?>
</div>

<div class="centermedium"><a href="<SNIP>"><img src="images/site/rss.gif" alt="Text"></a></div>

<!-- /RSS Feed Reader -->

<!-- /RSS Feed Reader -->
<?php unset($arnews);?>
<div class="centerall"><a href="<SNIP>" title="Title">Text</a></div>
<div class="centermedium">Latest Headlines
</div>

<div class="scroll">
<?php
include ("<SNIP>");
?>
</div>

<div class="centermedium"><a href="<SNIP>" title="Title"><img src="images/site/rss.gif" alt="RSS Feed"></a>
</div>
</div>
<!-- /RSS Feed Reader -->

So I apologize if anyone spent much time on the code.

Thanks Everyone,