How do you control the height of DIV section using CSS?
I’m trying to use DIV sections and CSS to add a border along the left side of a web page using two image files. Both images have a width of 100 pixels. The first image has a height of 568 pixels and should appear at the top left of the screen. It should not repeat. The second image should appear directly below the first, has a much smaller height and should repeat until it reaches the bottom of the page. Together they make a gradient border. I’m using two DIV sections to divide the top and bottom sections. I’ve given the first one a height of 568 pixels and I’ve given the second one a height of 100%. My problem is that the second section extends beyond the end of the main page. It’s as if setting the height for the second section makes the DIV the height of the screen but then places it 568 pixels away from the top, making it hang to far down on the bottom of the page. I hope I have explained this well enough for someone to be able to understand.
Leave a Reply
You must be logged in to post a comment.