Forum Moderators: open

Message Too Old, No Replies

scroll bar on right covers text

the scroll bar on the right covers text before it wraps to the next line

         

V4wheelman

6:54 am on Mar 19, 2006 (gmt 0)

10+ Year Member



I am new to web design and have created a framed 12 page personal website. Things are going well.
All pages are W3C compliant for HTML 4. Surpisingly easily.

The text on my site wraps around from line to line ... like everyone elses in the world. But the text at the ends of the longer lines is partially covered by the scroll bar on the right.

Is there a way to make the text wrap one word earlier so that it is not cevered by the scroll bar.

I hope to do this in HTML or XHTML. I am not ready to go to CSS yet and Java is down the road a ways for me.

Right now, the main frame does not have a fixed size ... it grows and shrinks with the browser resolution. The banner frame across the top has a fixed height and the navigation frame on the left has fixed width.

Any easy to implement solutions would be appreciated.

Thanks

Wheelie

tedster

7:40 pm on Mar 19, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Are you getting a horizontal scrollbar? If so, you should probably work with the width of the document first.

If not, then some basic CSS might be the fix: add either some margin or padding to the document in the problem frame.

<body style="padding-right:12px;">

V4wheelman

8:33 pm on Mar 19, 2006 (gmt 0)

10+ Year Member



Thanks tedster

There is no horizontal scroll bar ... just the vertical.

I will try to learn some CSS and see how easy it is. If I can get it to go easily, I will be happy.

I am seeing a general dislike of frames on the forums. Since I am a newbie and my site is only four months old I will consider learning CSS and getting rid of the frames.

Wish me luck!

Wheelie

V4wheelman

9:54 pm on Mar 19, 2006 (gmt 0)

10+ Year Member



WOW! That was surprisingly easy!

I added the internal CSS as noted:

<style type="text/css">
p {margin-right: 20px}
</style>

With only 12 pages, it is a quick fix for now ... next step ... create an external CSS.

Thanks tedster!

Wheelie