Solved

Adjust the page

Posted on 2013-01-24
4
418 Views
Last Modified: 2013-01-24
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
Comment
Question by:HuaMinChen
  • 2
4 Comments
 
LVL 42

Expert Comment

by:sedgwick
ID: 38813611
where are the spaces?
your screenshot shows half a form with textboxes.
what are you trying to achieve?
0
 
LVL 3

Accepted Solution

by:
Khilu earned 500 total points
ID: 38813637
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
 
LVL 10

Author Comment

by:HuaMinChen
ID: 38813643
The highlighted area (in red) below
http://dl.dropbox.com/u/40211031/t313.png

Many Thanks & Best Regards,
HuaMin
0
 
LVL 3

Expert Comment

by:Khilu
ID: 38813704
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question