rlmEEna Posted November 2, 2005 Share Posted November 2, 2005 i want to make a table like structure in CSS. can anyone help me out.i want to make a table in CSS with 3 rows in which middle row has 3 columns. like this one. ______________________|_____________________|| | | || | | || | | || | | || | | || | | |______________________|_____________________|i dont want to use tables due to some problems, so i want to do it in CSS. can any one make a CSS and HTML for me for this work..thanks a lot. Link to comment Share on other sites More sharing options...
Jonas Posted November 2, 2005 Share Posted November 2, 2005 <html><head><title>Untitled document</title><style type="text/css"><!--body {text-align: center;}div {margin: 2px auto auto auto;background-color: #00aaff;border: groove 3px #ffffff;}div#header {width: 800px;height: 75px;position: absolute;top: 10px;left: 112px;}div#left {width: 150px;height: 450px;position: absolute;top: 85px;left: 112px;}div#middle {width: 500px;height: 450px;position: absolute;top: 85px;left: 262px;}div#right {width: 150px;height: 450px;position: absolute;top: 85px;left: 762px;}div#footer {width: 800px;height: 50px;position: absolute;top: 535px;left: 112px;}--></style></head><body><div id="header">Header, banner?</div><div id="left">Left column, menu?</div><div id="middle">Middle column, main content?</div><div id="right">Right column, ads?</div><div id="footer">Footer, © webmaster</div></body></html> Here's an example, but it's not easy to change if you want other width's and height's for your document due to the absolute positioning. You can of course change background for border and columns, or have no color. If you don't know much css, and can't edit it, get back to us here with your width and height and stuff... Link to comment Share on other sites More sharing options...
rlmEEna Posted November 2, 2005 Author Share Posted November 2, 2005 wow thanks a lot mate.. it solved my problem,i can edit it.. i know CSS but i am not as good as you are. :)thanks again Link to comment Share on other sites More sharing options...
Jonas Posted November 3, 2005 Share Posted November 3, 2005 Glad to be of help... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now