Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Div height 1

Status
Not open for further replies.
maxformed

maxformed

Technical User
Apr 22, 2003
168
US
Redoing current site with CSS. Much fun - have index page done - concern now is interior pages. All design/setup the same. At top left is an image of fixed width, below is a second image (same width), then an area of blue (same width), at bottom is copyright info.

There is/will be text in a div middle of page (below navigation, right of area described above) that will vary in height according to content. How to I make the blue area adjust in height to the text area while still retaining the copyright? Should the copyright be in a footer style?

See current site - any secondary pages - for better description.

All help appreciated.
Max

 
Sort by date Sort by votes
Not sure I'm following you, RISTMO. Like having the blue area defined width-wise and as a nested div in the same div as the text?

Max

 
Upvote 0 Downvote
Something like this?

<html>
<body>
<div style=&quot;width:100%;height:25px;&quot;><img alt=&quot;image 1&quot; style=&quot;width:120px;&quot;></div>
<div style=&quot;width:100%;height:25px;&quot;><img alt=&quot;image 2&quot; style=&quot;width:120px;&quot;></div>
<div style=&quot;width:100%;&quot;>
<div style=&quot;width:120px;height:100%;background-color:blue;&quot;>&nbsp;</div>
<div>content.....</div>
</div>
<div style=&quot;width:100%;height:25px;&quot;>copyright</div>
</body>
</html>

Rick

-----------------------------------------------------------
RISTMO Designs
Arab Church
Reference Guides
 
Upvote 0 Downvote
Great...be sure to play around with it if it doesn't work right away. Maybe replace the &quot;content&quot; div in my example with your own whole sample div....

Rick

-----------------------------------------------------------
RISTMO Designs
Arab Church
Reference Guides
 
Upvote 0 Downvote
Will do - Just wasn't sure which way to go. It's all beginning to make sense, now - which scares the he!! out of me!

Thanks,
Max

 
Upvote 0 Downvote
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top