Formatting Issue

[Cyle]

Greetings,

 

    I have a bit of a formatting issue. It looks very simple, but I’ve been at it for hours and I can’t get it right. Ironically, a PHP freak can probably solve this in about thirty seconds.

 

Here’s a shot of what my page looks like:

http://www.angelicdreams.com/download/phpcode/Website_Screenshot.jpg

 

Now you’ll notice that it’s split into three columns. For some reason the center column (or at least the info) is shifted below the other two, and I can’t figure out why. Everything points to a simple tag misplacement, but I just can’t find it.

 

Here’s the code from the php file that puts the page together:

http://www.angelicdreams.com/download/phpcode/phpcode.txt

 

“content” is for the middle, and the sidebar right and left have pretty straightforward names. If you can spot what’s wrong please let me know.

 

 

[jackpf]

Have you tried making the content a smaller width? This sometimes works for me...

 

Are you using internet explorer to view it by any chance?

[Cyle]

Messing with sizes, borders, padding, and margins was the first thing I tried. It seems like it has something to do with the <div> tags, but anytime I change the order one of the three sides drops below the other two. It's like having an HTML table where one cell keeps dropping below the rest.

 

I'm running Firefox 3.0.7  and as a backup IE 6.

[thebadbad]

This is obviously a CSS problem, so can we see the style.css you're referring to in your code?

 

When I visit http://www.frhsd.com/coltsneck/ the layout seems alright. Can't you just compare your code to the code of that page?

[Cyle]

Here is the weird part of the problem. That is my site. The spacing seems to change depending on the version of the browser. (When I look at the main page there's a huge space between the first and second headers in the center. The second one is put below the side information.) Now, I don't have control of what browser the community members are using. So, I need to get the formatting working for anything that might be common. (Like my own.)

 

I did mess with the css for a bit, but besides trying to change the margins and padding I didn't notice anything else to try. (The container width doesn't work either.)

 

Here's the code:

http://www.angelicdreams.com/download/phpcode/style.css

 

The strange part is I know this can be fixed. We did it a few years ago when the site first went up. But, there was a reset this year and now I can't for the life of me remember what we changed.