Solved

Adjust the page

Posted on 2013-01-24
4
416 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Close word object 13 38
C# HTTP GET method sample code 3 42
C# Single Form 8 29
Visual Studio TFS - how do I check in my code? 2 30
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

864 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now