Richard Brown wrote:
> [...] Brought the content div to width: 60% and that seems to have
> helped. The other issue I have yet to solve is the image that flows
> down the left and right columns of the site. On one side it starts at
> the top. The other side it doesn't. Also on wide screens the site
> breaks down badly.
> See: <http://www.uzellacourtantiques.co.uk/Picture4.jpg>
> Can you see the column on the right hand side. The grey bar extends
> over the image.
> Any ideas please?
Hi Richard,
I think the shift of the right sculptures is because you gave the
background-position only the horizontal { right; } dimension. With {
right 0; } he will always start at the top of the image.
The breaking is because the right sculptures are connected to the
content-container: if there is not much text in this box, the box is
less high as the menu on the left side, and gives a gap in the image-column.
Solution is to make an extra "outer-container", in which the left
sculptures are the background, and then moving the right sculptures to
the existing container. Now the content has no bg-img and can be as
small or as big as needed.
In fact the left sculptures are extending to the bottom of the footer,
but with the footer background-color they are overruled and invisible.
See testpage
<http://home.tiscali.nl/developerscorner/css-discuss/uzella-new.htm>.
Tip: as you see in the comment-lines, I always start with giving a 1px
colored border to each container, that makes it very easy to see what is
the effect of fine-tuning formats, borders and paddings and so.
Also two btw's:
I gave the menu a width in em's (relative to font-size) instead of in %
(relative to screen width), then the menu-lines don't wrap as the
visitor has a bigger font-size.
Also remarked rather big images (> 100kB together), and the total for
html, css, js and images is about 140kB. Which is some 30 sec.
downloading of the page with a modem...
But the sculptures can be cut off at the sides, and compressed some more
without loss. The logo can be a 16color gif instead of a 16M color jpg,
and with the bullets as some more modest gif's the total can be only
31kB of images. Speed factor for the page: 2 times as fast!
So: downloadable from the testpage, if you like them. ;-)
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
