Dynamic Web Template length (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

jcjack -> Dynamic Web Template length (4/14/2007 16:09:31)

My site uses one particular template (that I created) through most of its pages. Each of
these pages have varying length of text. How can I configure the template
(or particular <div> within the template) to auto adjust to the length of the
text on each particular page. Currently my outside container div and general
background are gray and the inside mainbody and maintext div are white. The
text when larger than the length of the container div will just write on the
gray. I speculate the modification needs to be within the positioning- but
can't seem to figure it out.

Any help would be greatly appreciated- Thank you!

You can view of screenshot of what I amtalking about at: http://128.241.194.81/ew_tester.htm




jurgen -> RE: Dynamic Web Template length (4/14/2007 17:26:17)

It has nothing to do with positioning rather than what style height is assigned to the different div's. Any chance we can see the page online?



jcjack -> RE: Dynamic Web Template length (4/16/2007 15:05:24)

I have put 3 pages of my site up on the internet so that the code is visible. None of the graphics are functioning, I do not speculate that will be a problem in this situation.

http://128.241.194.81/ew_tester_3.htm
http://128.241.194.81/ew_tester_4.htm
http://128.241.194.81/ew_tester_2.htm

Thanks!



jurgen -> RE: Dynamic Web Template length (4/16/2007 17:31:00)

You have styled your id's in your header, and than you do it agin within your html code. The html code has div height, and you can't expect the div's to extend to what ever is needed with your content in side. Remove the "height". 

<div style="width: 548px; height: 213px;" id="mainbody">
<div id="maintext" style="width: 551px; height: 210px;" class="style4">
<div id="bluebox" style="height: 185px" class="style5">


The better way is to asign the css code in your header or even with an external style sheet. In your html code you only need to asign the div ID's like that:

<div id=mainbox>
<div id=maintext>
<div id=bluebox>






Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125