Need CSS help... ARGH

[emp]

Great, for me CSS is just a big browser incompatibilities deja vu.

If someone could please take a look at

Suche für Psychologie und relevante Themen :: psysearch.de

and tell my why it is %&$§&! UP in IE but not in Firefox? :error:

Thanks.

::emp::

 

[jamiejelly]

looks fine to me in IE7 and FF, what version of IE you using?

What is the problem specifically? Can you supply a screenshot?

 

[emp]

IE 6.

The two boxes (summary and books) appear underneath each other, not side by side.

I am just too dumb. :anon.sml:

::emp::

 

[emp]

Pic

 

[jamiejelly]

that will be to do with the width, I can't remember the specifics of why it does this but IE thinks your boxes are wider than you have specified (might be the broken box model). Try reducing the width of the two boxes until both sit next to each other.

Can't offer much more help than that at the moment as I am at work, but if you are still struggling when I get home I can get it sorted for you

 

[emp]

Well, thanks for at least replying.

Yes, I think it is an issue between FF and IE.
They both interpret margin / padding differently, which is driving me crazy right now.

Reason I am most getting worked up about this is that I had to code HTML tables for layouts y few years back.

After a while you knew every incompatibility there was. Opera, Netscape 4.x and up, IE, FF ...

Now there is CSS and the world will be saved... NOT!

I just find myself in the same shit all over again.
</rantandrave>

::emp::

 

[nis]

I haven't checked but I think its because IE think that if you specify a border on a box it adds the border to the width/height of the box (or the other way around) where good browsers do not (or do).

Did you specify the borders in CSS?

 

[emp]

Yes, the borders are CSS.
My guess is on the padding though, as I recall FF adding that to the width.
Or subtracting, or was it IE and Opera was fine?

FUCK!

After all, this will look like shit in one browser or the other.

Great.

I am going out to get some birthday stuff for my wife and treat myself to a nice Cafe Latte looking out over the Zurich lake in the sun.

Or I'll just stay and rant and rave and foam at the mouth and snarl at my monitor displaying useless code.

::emp::

 

[emp]

OK, another pic with the whole sheebang.

 

[Marcus Aurelius]

Replace this:

    .leftcol { 
    clear: both;
        float: left; 
        padding: 12px 15px;
        width: 415px; 
        border:#FFD880 1px solid;
        text-align: justify;
        margin: 0 0 10px 8px;;
    }

with this:

    .leftcol { 
    clear: both;
        float: left; 
        padding: 12px 15px;
        width: 415px; 
        border:#FFD880 1px solid;
        text-align: justify;
        margin: 0 0 10px 3px;;
    }

    html>body .leftcol { 
        margin: 0 0 10px 8px;;
    }

This will take care of the div's problem.

I will soon help you out with that amazon book problem.

 

[emp]

Sweet. Thanks.

::emp::

 

[Marcus Aurelius]

A lot of shit is happening right now in my office, so if no one helps you out with this, I will check that tomorrow.

 

[nis]

I always try not to define sidemargins and sideborders on an element while defining its width too. I've had nothing but trouble if I try that.