What is wrong with these margins?

  • My sidebar seems to be messed up, but I cannot find out why. So do you know what is messed up with my CSS? Specially with the margin?

    #content {
    float: left;
    margin: -284px 0 0 233px;
    padding: 0 20px 0 38px;
    width: 620px;
    voice-family: “\”}\””;
    voice-family: inherit;
    width: 577px;
    }

    #sidebar {
    float: left;
    margin: -284px 0 0 -866px;
    padding: 4px 16px 10px 0;
    width: 257px;
    background: url(images/sidebar.jpg) no-repeat 0 100%;
    font-size: 0.9em;
    voice-family: “\”}\””;
    voice-family: inherit;
    width: 239px;

Viewing 3 replies - 31 through 33 (of 33 total)

  • I mean if you are adding margins and padding to get things to go up and down that is OK. If you use them at the sides it is bound to bork in one browser somewhere. Technically speaking *it will be inconsistent across platform * due to the erratic implementation of the Box Model. The code you were trying employed Tanteks voice hack to eliminate an error which the CSS introduced in the first place. Madness.

    @ doodlebee – that’s an interesting idea. Thanks for the explanation. May come in handy in the future.

    Of course the ideal – is not to code *for* any browser. The ideal is just to write valid markup / CSS in a way which is consistent with all the major browsers, and without a lot of ugly hacking and unnecessary conditional CSS of the type quite frequently recommended here in this forum. But certainly for working purposes anyone using IE is going to be struggling right off the bat – and compliance is only half of it. The tools available in Opera and Firefox to assist web devs are awesome.

Viewing 3 replies - 31 through 33 (of 33 total)
  • The topic ‘What is wrong with these margins?’ is closed to new replies.

Tags