ansaurus

Question

Div Positioning Problem

Answer 1

+1 A:

Float #content right, not left.

Steve Paulo 2008-10-21 17:53:11

Answer 2

A:

That was it! Thanks Steve. Could you look at one more for me?

godleuf 2008-10-21 17:55:29

Ask a new question

John Sheehan 2008-10-21 18:00:09

And hey, if "that was it," it wouldn't hurt to vote up my answer and accept it :)Glad I could help.

Steve Paulo 2008-10-21 18:12:24

Answer 3

A:

Can't you change the markup to include the #training_photo div in the #nav div?

jakber 2008-10-21 17:56:05

I would ask about another site but their server is down!

godleuf 2008-10-21 18:09:08

Answer 4

+1 A:

In order to get more predictable results, I would create an over-all wrapper, then 2 column wrappers. You're close to this layout now, so it would be a simple fix.

<html>
<head>
    <style type="text/css">
        #leftColumn {
            width: 30%;
            margin: 0px;
            float: left;
            display: inline;
            clear: left;
        }

         #rightColumn{
            width: 60%; /* allow 10% for flex/margins */
            margin: 0px auto;
            float: left;
            display: inline; 
            clear: right;
        }

    </style>
</head>
<body>
    <div id="pageWrapper">
        <div id="header"></div>
        <div id="leftColumn">
            <div id="nav"> </div>
            <div id="training_photo"> </div>
        </div>
        <div id="rightColumn">
             <div id="content"> </content>
        </div>
    </div>
    <div id="footer"> </footer>
</body>

Rob Allen 2008-10-21 18:02:09

I appreciate the help, thanks.

godleuf 2008-10-21 18:18:00

ansaurus

tags:

views:

answers:

Div Positioning Problem

related questions