
the preview image not working?

-Offline- |

wow
nice
thanks 4 sharing
-Offline- |

I don't get this. Is this for overlays? Im sure it is.
And if you really want to have multiple columns, you should use table instead of div (either with or without borders).
The way the codes look, you put one box (div) in an absolute position, then another one without defining the position but putting a large margin on its side so the second box will be placed on right next to the previous one.
You didn't explain your topic or gave proper instruction for this trick. For example what this trick for? Is it for overlay or css? Or where should they put those codes. etc.
-Offline- |

-Offline- |

jeez tnx for the share muah hahaha:wallbash:

-Offline- |

preview please. 
-Offline- |
hi where i can i post this codes? thanks
-Offline- |
-Offline- |

where can i put the codes??


-Offline- |

RjayBarrientos wrote:
where can i put the codes??
In ur external css file. 
ajhay12 wrote:
<html> <head> <title>Three Column CSS Layout with Header</title> <style type="text/css"> body { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #header { margin: 20px; padding: 10px; height: 100px; } #left { position: absolute; left: 15px; top: 160px; width: 200px; } #center { top: 0; margin-left: 230px; margin-right: 230px; } #right { position: absolute; right: 15px; top: 160px; width: 200px; } </style> </head> <body> <div id="header"> Your header will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags. </div> <div id="left"> Your left menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags. </div> <div id="center"> All of your content goes in this div. This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags. </div> <div id="right"> Your right menu will go here. You can place images, text links, etc. in this div. To change the properties of this div you can change the #right selector in the style sheet that is located on this page between the head tags. </div> </body> </html>
-Offline- |

bobcbar wrote:
RjayBarrientos wrote:
where can i put the codes??
In ur external css file.
no bob... this is not really css tricks for non overlay user..
its a html...
meaning applicable for overlaying
u may see this tricks at ask lisa .com


can you give me some example here <div id="content">content goes here</div>? i really don`t understand it.
-Offline- |
how am i going to use this code by d way - im a SUPER NOOB...
hope you'll reply soon... - pls:(

-Offline- |

Any preview

-Offline- |

^nice it's like having an overlay.. but since can u fix up the sc's? 
by the way thanks for sharing this simple tutorial.. 
![]()
-Offline- |

i guess its better if u put
some screeshot
or live preview 

