Want Liquid design chapter 11

VictorVictor · April 24th, 2006, 05:02 PM

Anyone help:

Below appears some VB code (VWD Express) with some Css specs.
The app is the Exercise for Chapter 11, page 342.

This works even tho I took a few liberties with author's code
to make it easier to see. I want to make the page liquid.
That is: I design using a 1024 x 768 screen resolution but have to
provide for users who will be using 800 x 600 (or who knows what).

I tried using width = auto but doesn't seem like the right approach.
Has anyone made an effort to get this working regardless of the
user's screen resolution?

Thanks for whatever help or suggestions you might have.

VV

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <link rel="Stylesheet" href="StyleSheet.css" type="text/css" />
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <p >Left Column 1.</p>
            <p class="BigColumn">Big Column 2.</p>
            <p>Inner Column 3.</p>
            <p>Right Column 4.</p>
            <p class="BottomColumn">
            Content of Footer.</p>
        </div>
    </form>
</body>
</html>

-------StyleSheet-------

div * {border-color: white; padding: 5px; background:#999999;
       border-style:solid; color: White; font-weight: 600; margin-left: 0px;
       margin-top: 5px; margin-right: 3px; margin-bottom: 3px;
       border-top: 5px; border-right: 0px; border-bottom: 3px; border-left: 5px;
       float:left; height: 100px; width: 131px; }

.BigColumn {width:518; }

.BottomColumn {width:auto; height: 20px; float: none; clear:both;
    vertical-align:text-top; margin-top: -3px; margin-right: 0px;
    margin-bottom: 0px; }