Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 430
  • Last Modified:

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
0
HuaMinChen
Asked:
HuaMinChen
  • 2
1 Solution
 
Meir RivkinFull stack Software EngineerCommented:
where are the spaces?
your screenshot shows half a form with textboxes.
what are you trying to achieve?
0
 
KhiluCommented:
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
 
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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now