Here's the issue I'm having with my template. I want the right side of the page to shift down when text is added along with the bottom of the navigation bar on the left so that the highlight at the bottom of it is always at the bottom no matter how much text is put into the text box on the right side of the page. I'm having such a hard time getting this to work. Here's the "broken" template image so you can see what I'm looking at from within Dreamweaver:
and here is how i always want the page to look no matter how much text is put in so that each of those divs at the bottom and the highlight get pushed down as text is put in and everything lines up nicely.
Here's the chunk of code:
Code:
<body>
<div id="wrapper">
<div id="header">
<img src="images/layout1wslices_03.gif" width="265" height="297" />
<div id="header_text">
<div id="contact_text"><span class="style2">
</div>
</div>
</div>
<div id="main_area">
<div id="nav">
<img src="images/layout1wslices_07.gif" width="241" height="29" /><img src="images/layout1wslices_09.gif" width="241" height="11" />
<img src="images/layout1wslices_10.gif" width="241" height="28" /><img src="images/layout1wslices_11.gif" width="241" height="12" />
<img src="images/layout1wslices_12.gif" width="241" height="28" /><img src="images/layout1wslices_13.gif" width="241" height="12" />
<img src="images/layout1wslices_14.gif" width="241" height="28" /><img src="images/layout1wslices_15.gif" width="241" height="12" />
<img src="images/layout1wslices_16.gif" width="241" height="28" /><img src="images/layout1wslices_17.gif" width="241" height="12" />
<img src="images/layout1wslices_18.gif" width="241" height="28" /><img src="images/layout1wslices_19.gif" width="241" height="53" />
<img src="images/layout1wslices_20.gif" />
</div>
<div id="content_area">
<div class="style3" id="content_actual_text">
<p>ASDSADASDSADASJDHSAJHDKSADKSAKDHJASKHDKSADHASKASDSADSA<br />
ASDKASDKASKDKSADK</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
</div>
<div id="photo_gallery">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="622" height="466">
<param name="movie" value="slideshow.swf" />
<param name="quality" value="high" />
<embed src="slideshow.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type= "application/x-shockwave-flash" width="622" height="466"></embed>
</object>
</div>
<div id="redbar_bottom"><img src="images/layout1wslices_21.gif" />
</div>
</div>
<div id="footer">
<img src="images/layout1wslices_22.gif" />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
