I am going to blow a gasket - help

dezzarray · #1 12-13-2010, 08:30 AM

Okay. I am stumped and frustrated beyond words and about to walk.
I have 4.4 it looks fine. I look at it on 3 different computers and 4 different browsers a day. I have minute little adjustments that I see. But here is the rub. It is viewing cock eyed and akimbo. and I don't know how to fix it.

Of course it looks great on everyone else's computer.. just like crap on my boss'.

http://www.baby-land.com

balinor · #2 12-13-2010, 08:43 AM

What browser/os is your boss using?

dezzarray · #3 12-13-2010, 08:48 AM

the one that is stretched to hell is a wide screen Mac with safari.

the overlapping one she swears is ie8. I have only seen overlapping like that when someone one is viewing in version 6.

Someone else told me the site was overlapping in 8 but I haven't seen it.

balinor · #4 12-13-2010, 08:58 AM

You have the layout set to fluid instead of fixed, so it is going to look like crap anytime anyone has a resolution higher than 1024x768. The right menu is WAY to the right on my screen, but I have a high-res setup. Set the main container to be a 975px fixed width and it will solve that issue.

dezzarray · #5 12-14-2010, 04:53 AM

Did I ever tell you how much I love you? This css thing is new to me still and I'm plugging along as much as I can. So would I want my stuff to be positioned absolute as opposed to be being relative?

* General tags styles
*/
html,
body
{
height: 100%;
background-color: #fff;
position:relative;
margin: 0px;
padding: 0px;
min-width: 975px;
border: 0 none;
}

something like that?

balinor · #6 12-14-2010, 05:06 AM

No, it isn't the html/body tag that does it, it is the container. Use Firebug to see what div is the 'container' for your site and set it to 975px or so, and use margin: 0 auto; to center it.

dezzarray · #7 12-14-2010, 11:40 AM

Okay bear with me...

#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 39px;
margin-top: 200px;

?? maybe perhaps

amy2203 · #8 12-14-2010, 10:37 PM

firebug will help you work out which tag to apply it to,

dezzarray · #9 12-15-2010, 04:27 AM

I know which div it is, the problem is my brain decided to go tits up and I can't seem to get my syntax right

balinor · #10 12-15-2010, 04:34 AM

Change the width from 100% to 975px