3 column layout

[Cullen411]

I've been looking at this page

http://www.glish.com/css/7.asp

with the leftcolumn having a width of 200px and a border of 1 on both the left and right, does that not make the overall width 202px?
and hence should centercontent not have a margin-left of 203px rather than margin-left: 201px;

 

[Cullen411]

sorry typo - changed 203 for 202


I've been looking at this page

http://www.glish.com/css/7.asp

with the leftcolumn having a width of 200px and a border of 1 on both the left and right, does that not make the overall width 202px?
and hence should centercontent not have a margin-left of 202px rather than margin-left: 201px;

 

[Vragabond]

No, because this is the effect they are after. The center content is positioned over the leftcolumn, more precise, over the border of the left column to make it look as if there is only one set of borders rather than two.

 

[Cullen411]

why didn't they just use a border 0px?

 

[jstreich]

Then they would have to write the borders for the other three sides, and it's more code to achieve the same effect. This way the border between them is 1 px, and they didn't need to

border-left: ...
border-right: ...

for each of the sides. Besides if the ceter happened to be shorter than one or both sides on one of the pages, the fact they didn't have borders facing the center section would become very obvious.

[plug=shameless]

http://game-master.us/phpx-3.4.0/

[/plug]