Brian Gilbert wrote:
> 'm brand new to using CSS and could use some assistance. What I am wanting
> to achieve is for the content of my webpage to stay centred with a drop
> shadow while the stretches when the browser window size is increased similar
> to http://www.macworld.com.au/.
>
> I'm creating a website at the moment and have put the rough pages up on
> http://www.nctd.com.au/
>
> You will see on the index page that the "apDiv26" displays about 10 pixels
> down from the top of the page even though I have set it to be 0 pixels in
> all of the settings that seem relevant. I've tried using Absolute and
> Relative settings to "apDiv26" but it does not function in the way that I am
> looking for. Any input appreciated to put me on the right track.
>
> Thanks,
> Brian Gilbert
> Perth Western Australia
>
>
Welcome to the list.
I guess the space at the top is browser margin or padding, and
html, body {margin:0; padding:0;}
should kill it.
The difficulty with centering it horizontally is you've got it
positioned absolutely (it ain't gonna move) off- the left rail, and then
positioned what is inside the page absolutely off that point..
Consequently, the whole works is locked.
A float positioning structure for the layout will work much better for
you than absolute positioning (ap). Reserve ap for positioning little
things within a float base. Your current layout really requires no ap
at all.
Thi/m/k of the page as a box into which you put smaller boxes-- some
boxes go left (float:left); others go right (float:left;), and some just
sit there, going neither left or right. Keep the code (CSS) lean, using
only what is needed to do the job. So, in a sense, you're making a box
with nested boxes inside of it. And putting that box in a lean and /fast
car/.
The usual way of centering the outer box (page) is described here [1].
Perhaps this example will help explain things better than me [2}
As ever,
Tracy
"Me myself I got nothin' to prove..."
/Fast Car/
[1] <http://bluerobot.com/web/css/center1.html>
[2] <http://www.chelseacreekstudio.com/ca/cssd/n.htm>
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
