Forums > pagewidth

Full Version: pagewidth

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

Maccabee

Mar 26 2008, 07:43 AM

Ok so im having some troublw with my page width?

I dont think many people do what im trying to do but Im trying to put all my content into like a big white box.

Kinda like msnerds does.

But for some reason it isnt reading the floating content and nav.

so heres the body:

CODE

<div align="center">

<div id="pagewidth">
<br>

<div id="header"></div></center>


<div id="navigation" >
<h1>The Site</h1><p>
    <a class="nav" href="index.php">Home</a>
    <a class="nav" href="support.php">Support</a>
    <a class="nav" href="credits.php">Credits</a>

    <a class="nav" href="contact.php">Contact</a>

    <a class="nav" href="faq.php">FAQ</a>
    <a class="nav" href="advertise.php">Advertise</a></p>

<h1>Myspace</h1><p>
    <a class="nav" href="layouts.php">Layouts</a>
    <a class="nav" href="divs.php">Divs</a>

    <a class="nav" href="boxes.php">Comment Boxes</a>
    <a class="nav" href="contactbuttons.php">Contact Buttons</a>
              <a class="nav" href="codes.php">Codes</a></p>



    <h1>Resources</h1><p>
    <a class="nav" href="brushes.php">Brushes</a>
    <a class="nav" href="tutorials.php">Tutorials</a>

    <a class="nav" href="textures.php">Textures</a>

    <a class="nav" href="fills.php">Glitter Fills</a>
    <a class="nav" href="backgrounds.php">Backgrounds</a> </p>

<h1>Advertising</h1>

</div>

<div id="content" >
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content
    Heres all my content    Heres all my content    Heres all my content

</div>
</div>

and heres the css for the pagewidth:

CODE

#pagewidth
{
background-color:#ffffff;
width:880px;

margin:20px;
border:5px solid #ffffff;
height: auto;

}

and heres the css for the content and navigation:

CODE

#navigation{
width:180px;
float:left;
position:relative;
background-color:#ffffff;
margin-top: 20px;

}

#content{background-color: #ffffff;
float: right;
display:inline;
position: relative;
width:670px;
text-align:left;
margin-top: 20px;

}

Please help!

Thanks

libertie

Mar 27 2008, 04:48 PM

I put your code in code tags to make your post a bit easier to read..

But I put all of this together and I really don't see anything wrong with it - you do have a div layer that isn't closed off at the end (the align="center" div), but I'm still not sure what you want it to look like.

What I'm seeing is a white page with a sidebar on the left and content on the right - what did you want to show up differently?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.