PDA

View Full Version : Help me understand this code



giban
12-29-2007, 03:31 AM
1) Script Title: CSS Fixed Layout #3.3- (Fixed-Fixed-Fixed)

2) Script URL (on DD):
http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-33-fixed-fixed-fixed/

3) Describe problem:

Actually there is no problem but I want to know why FF will display the content column 10px down from the top as compared to the left or right column when you remove the margin-top:0; from the class="innertube"?

The class="innertube" declares that there will be a 10px padding around all the columns but then you need the margin-top to be at 0 for it to display correctly in FF and IE.

So now there will be no padding on all the columns at the top.



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


Thanks and Happy Holidays