CSS HELP PLEASE

Stacey Anderson

unread,

Jun 23, 2009, 5:37:41 PM6/23/09

to webD...@googlegroups.com, webwon...@googlegroups.com

I'm working on a site and think I can't see the forest for the trees anymore.

On this page, you can see the error: http://www.schoolauction.net/index.php/resources/, the body copy is smashed into the sidenav.
On this page, it works just fine: http://www.schoolauction.net/index.php/resources/guide/

These pages share the same CSS.

This site uses Concrete 5 as a CMS. If you see stuff like <div id="HTML Block 57"> that is code generated by Concrete 5. C5 seems to add a lot of extraneous code and I wonder if that is mucking this up.

Any advice would be profoundly appreciated.

- Stacey

Jeremy B

unread,

Jun 23, 2009, 6:15:40 PM6/23/09

to webD...@googlegroups.com

Well I have a start, that might help solve the problem...

first thing first, we can make a couple changes to the markup to minimize the amount of CSS to write.

so start by doing something like this:

<body>

<div id="sidebar_left">Your Content</div>
<div id="main">Main Content</div>
<div id="sidebar">Your Content</div>
<div id="footer">Footer Content</div>

</body>

Then for your CSS you can do something like this:
    <style type="text/css" media="screen">
        #sidebar{
            float: left;
            width: 245px;
            background: green;
        }
        #sidebar_left{
            float: left;
            width: 200p;
            background: yellow;
        }
        #main{
            width: 450px;
            float: left;
            background:orange;
        }
        #main p{
            margin-top: 0;
        }
        .clear{
            clear: both !important;
            font-size: 0 !important;
            height: 0 !important;
        }
        #footer{
            clear: both;
        }
    </style>

I have attached a HTML document that you can see, its nothing spectacular but might be enough to get you on track? If not let me know, I'm more than happy to help wherever I can.

Jeremy Bueler
www.jbueler.com

stacey.html

Picture 1.png

kira...@gmail.com

unread,

Jun 23, 2009, 6:16:55 PM6/23/09

to webD...@googlegroups.com

Jeremy you're the man

Sent on the Sprint® Now Network from my BlackBerry®

From: Jeremy B
Date: Tue, 23 Jun 2009 15:15:40 -0700
To: <webD...@googlegroups.com>
Subject: Re: CSS HELP PLEASE

Jeremy B

unread,

Jun 23, 2009, 6:18:27 PM6/23/09

to webD...@googlegroups.com

I found a typo in my CSS:

#sidebar_left{
            float: left;
            width: 200px;
            background: yellow;
        }