Adjust the page

Hi,
How can I adjust the page with this part inside?
<head id="Head1" runat="server">
    <title>Test</title>
    <link href="format.css" rel="stylesheet" type="text/css" media="screen" />
    <style type="text/css">
        .left {
            position:absolute;
            left:10px;
            border:dashed 1px #ccc;
            width:320px;
        }

        .right {
            position:absolute;
            left:330px;
            border:dashed 1px #c00;
            width:700px;
        }

        .up {
            top: 8px;
        }
        </style>
</head>
...

as there are spaces on the right-hand side below. How to fill a color on the blank area below?
http://dl.dropbox.com/u/40211031/t312.png
LVL 11
HuaMinChenBusiness AnalystAsked:
Who is Participating?
 
KhiluConnect With a Mentor Commented:
Try this.

Set width:100%; for right css class

     .right {
            position:absolute;
            left:330px;
            border:dashed 1px #c00;
            width:100%;
        }

Open in new window


If your getting horizontal scroll try to reduce the width.

Eg. width:98%;
0
 
Meir RivkinFull stack Software EngineerCommented:
where are the spaces?
your screenshot shows half a form with textboxes.
what are you trying to achieve?
0
 
HuaMinChenBusiness AnalystAuthor Commented:
The highlighted area (in red) below
http://dl.dropbox.com/u/40211031/t313.png

Many Thanks & Best Regards,
HuaMin
0
 
KhiluCommented:
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.