[thelist] CSS: layout question

Chris W. Parker cparker at swatgear.com
Wed Nov 20 17:16:00 CST 2002


hi.

although i have been to all the common sites with css layouts (glish,
bluerobot, etc.) i have not found exactly what i'm looking. and maybe
it's possible that this cannot be done with CCS1(not sure if that is the
correct reference).

here is what i want to do with css that is easily achievable with
tables. i will write the table out so that you can what i'm trying to
do. (the nested tables are necessary for the look i'm trying to get.)

<table width="100%">
 <tr>
  <td colspan="2">header</td>
 </tr>
 <tr>
  <td width="25%">
   <table width="100%">
    <tr>
     <td>menu</td>
    </tr>
   </table>
  </td>
  <td width="75%">
   <table width="100%">
    <tr>
     <td>content</td>
    </tr>
   </table>
  </td>
 </tr>
</table>

what i've got as far as css goes is this...

#header {
	margin: 2px;
	padding: 10px;
	border: 5px solid black;
	background: #fff;
	height: 50px;
	width: 99.725%;
	}

#nav {
	position: absolute;
	left: 10px;
	margin: 2px;
	padding: 10px;
	border: 5px solid black;
	background: #fff;
	width: 111px;
	width: 23%;
	}

#content_container {
	position: absolute;
	left: 25%;
	top: 102px;
	padding: 10px;
	border: 5px solid black;
	background: #fff;
	}

i do not want to use position: absolute; as it requires me to specify
position regardless of where other parts on the screen are. (thus the
term absolute.) but i tried using relative (along with changing some
other settings which i'm not sure of right now) but it is even worse.


any got the solution?

chris.



More information about the thelist mailing list