1 reply [Last post]
smallzoo
smallzoo's picture
Offline
newbie
Last seen: 7 years 45 weeks ago
Timezone: GMT+1
Joined: 2008-04-04
Posts: 4
Points: 5

I am getting so frustrated with trying to set up a header and content div which will change with change of window size..is it actually possible or do you have to have different stylesheets for variying window sizes

The layout ( i think ) is quite simple

H1
H2
H3
H4

etc.etc

Can anyone advise....PLEASE !

smallzoo
smallzoo's picture
Offline
newbie
Last seen: 7 years 45 weeks ago
Timezone: GMT+1
Joined: 2008-04-04
Posts: 4
Points: 5

I am getting so frustrated

I am getting so frustrated with trying to set up a header and content div which will change with change of window size..is it actually possible or do you have to have different stylesheets for variying window sizes

The layout ( i think ) is quite simple

<!-- main outer wrapper -->
<div id="wrapper">
 
 
   <!-- want this fixed about 10-15% of height -->
   <div id="header">
 
      <!-- fixed height  buttons inline -->
      <div id="buttons> 
	 <a onclick='..'><img src='xyx.jpg'></a>
	 <a onclick='..'><img src='xyx.jpg'></a>
	 <a onclick='..'><img src='xyx.jpg'></a>
      </div>
      <!-- fixed height always below buttons inline -->
      <div id="menu"> <!-- items inline..-->
         <a onclick='...'>MENUITEM1</a>
         <a onclick='...'>MENUITEM1</a>
         <a onclick='...'>MENUITEM1</a>
      </div>
 
   </div>
 
 
   <!-- want this fixed always below header -->
   <div id="content">
 
     <!-- table should be scrollable BUT header fixed -->
     <table id="table1">
      <thead>
	<tr>
	  <th>H1</th>
	  <th>H2</th>
	  <th>H3</th>
	  <th>H4</th>
	</tr>
      </thead>
 
      <tbody>
	<tr><td> etc.etc
 
      </tbody>
 
     </table>
 
 
   </div>
 
 
 
</div>

Can anyone advise....PLEASE !