On 09/11/06, Christopher Blake <[EMAIL PROTECTED]> wrote:
> 1. I want my page to sit centrally in the browser no matter whether
> the browser expands or contacts. Maybe some type of container that
> can contain my other elements?
> I have played around with % positioning but when 2 elements are next
> to each other and the browser resizes, so does the space between the
> elements. It's tricky because I will be using zindex to sit images,
> movies, text on top of each other. I just cannot figure this one out
> - any advice?
>
> 2. I can create divs & img with ids in html so that I can position
> them how I want in css. I can resize the imgs which is what I want to
> do for my boxes/background for text elements. but if I create divs
> and call the images in through my css sheet (which is what I want to
> do) it does not resize the image, just the container. My html isn't
> great at all and I am probably making a complete novice mistake here,
> but if you could help I would be very grateful.
>
> 3. I wanted a horizontal nav bar with a vertical drop down menu.
> Underneath the nav bar would sit a flash movie. Having read some of
> the other posts it seems that the flash movie 'comes out on top' of
> all your zindexes. Although it seems that some of the people have an
> answer for this I might just go for a horizontal drop down menu.
> Anybody point me in the right direction to help with this?
Hi,
1. Are you using absolute positioning? What do you mean by 5 positioning?
Absolute positioning should be avoided and used only when there is no other
way it can be done, since it isn't very flexible and as such is mostly
useful only where a layout is of fixed widths ( i.e. everything has a size
in pixels, for instance). To centre your page vertically, use #container
{margin:0 auto;} (or if you want, you can add margins for top and bottom
too). #container is whatever your page is sitting in, most likely a div. The
"auto" bit tells the browser to apply margins automatically, which
translates as in the middle. IE doesn't do this, so you should give the
parent element (the body most likely) text-align:center;. If you want the
gap between things to remain constant, make your containers flexible ( i.e.
width in % or not specified at all, i.e. auto) and make the margins between
them (the gaps) be of a fixed dimension, in pixels or even better in ems.
2. Why do you want to resize images in the browser? This means that people
are downloading larger images for no reason, because what they see is a
smaller image. This means a page that loads slower. If this image is
supposed to be the background for some text, then you are right that it
should be applied through CSS. Something like this is the way forward:
<p>All your text goes here</p>
p {background:url(image.png) #FFF;}
3. I don't know about flash movies, but here's a thought: put the flash
movie in a container with a z-index set to something less than your menu.
Maybe it will work. Be aware that z-index only works on things positioned
relative or absolute.
Hope this helps,
Rafael
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
