July 18th, 2004, 04:29 PM
|
 |
Contributing User
|
|
Join Date: Aug 2003
Location: UK
Posts: 244
Time spent in forums: 1 Day 9 h 43 m 31 sec
Reputation Power: 9
|
|
|
CSS Layout question
I'm building a simple gallery site for my old man, who wants a place to upload his artwork. I've made all the slices in ImageReady for the images around the edge of the screen, and customised the code so that they fit to any resolution. I'm having a problem with the DIV tag that I would like to contain the main section of the site. I would like it to fit the gap in the middle - whatever size that may be - so it can scroll if necessary later on. As it is though, it just wraps around whatever content I put there. Here's the stylesheet code for that particular DIV:
Code:
#vg-09 {
position:absolute;
margin-top:183px;
margin-left:49px;
margin-right:56px;
margin-bottom:97px;
background-image: url(images/vg_09.gif);
}
I thought those margins would make it meet the surrounding images, but it doesnt work. I've also tried setting the height and width to 100%, but then it extends beyond the size of the screen and looks ugly after scrolling.
Here's the Page:
http://vic.retina-designs.com
Does anyone know how I can get that DIV layer to sit flush against all the surrounding images? Thanks for any help!
EDIT: Added the link
Last edited by MastahUK : July 18th, 2004 at 04:38 PM.
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
