horizontal positioning problem

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

datamodeler@yahoo.com - 24 Sep 2007 23:41 GMT

The following code does what I want in firefox. In IE it does what IT
wants. What needs to be changed? ... it MUST work in IE.

Thanks

Mike Hattis

<html>
    <head>
        <title> CCC</title>
        <link href="style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body bgcolor=#E0E0E0>
        <BR><BR><CENTER><H3>Manage Seminars</H3></CENTER><HR><BR><BR>
        <CENTER><H2>Would you like to:<BR><BR><CENTER>
        <DIV class="col02">
            <form method="POST" action="../SeminarDates/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Create Seminar Date[s]">
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
        <DIV class="col04">
            <form method="POST" action="../PublishDates/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Publish Seminar Date[s]" >
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
        <BR><BR>
        <DIV class="col01">
            <form method="POST" action="../Teacher/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Choose Teacher[s]" >
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
        <DIV class="col03">
            <form method="POST" action="../Teacherskill/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Manage Skill Set" >
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
        <DIV class="col05">
            <form method="POST" action="../Teacher_skill/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Assign Teacher`s Skills" >
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
        <BR><BR>
        <DIV class="col03">
            <form method="POST" action="../TeacherAssignment/index.php">
                <input style="background-color:yellow; font-weight:bold"
type="submit" value="Assign Teacher/Skill To Date[s]" >
                <input type="HIDDEN" value="admin" name="source">
            </form>
        </DIV>
    </body>
</html>

The stylesheet is:

.col01 {
        position:absolute;
        width:20%;
        left:0%;
    }

.col02 {
        position:absolute;
        width:20%;
        left:20%;
    }

.col03 {
        position:absolute;
        width:20%;
        left:40%;
    }

.col04 {
        position:absolute;
        width:20%;
        left:60%;
    }

.col05 {
        position:absolute;
        width:20%;
        left:80%;
    }

Reply to this Message

Chris F.A. Johnson - 25 Sep 2007 21:40 GMT

> The following code does what I want in firefox. In IE it does what IT
> wants. What needs to be changed? ... it MUST work in IE.

First, add a doctype as the first line of the page. The recommended
one is

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

The run your page through the validator at
<http://validator.w3.org>. Your page will need some fixing (e.g.,
use CSS instead of the deprecated <CENTER>).

Once you fix the errors, post the URL (not the code, or at most a
snippet of code that you think may be causing problems) here if
there are still issues. Describe exactly what problems you are
having.

Signature

Chris F.A. Johnson <http://cfaj.freeshell.org>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2007

horizontal positioning problem