I'm having trouble with what I think is supposed to be some simple CSS
I'm attempting to centre my site in the browser and I've been playing with it a lot and looking at various examples but all of them seem to use CSS relative positioning. The problem is... everything starts pushing eachother around the page when you use relative positioning
I initially used absolute positioning when I started designing my page and it worked well enough for me..
http://www.sillybomb.com
but now I've realised I want to switch to a centred view
http://www.sillybomb.com/indextrial.php
and I'm having a lot of troubles with the elements needing to have negative values etc.. and being illogically positioned in css to flow naturally on the page. Right now I've left it as you can see and the logo is being pushed downward by the shadow on the left.
I must be missing something simple I think..
I can solve that problem with the logo by putting it inside the header div.
What about objects that span the entire page though. For example on another page I'm working on I'm creating a shadow to go behind the page content, however the shadow pushes the entire page down.
Eg. www.deakintv.com
the div to the right should match up next to the header div
I can't place it inside the header because then it will only span the size of the header.
And when I place it outside the header it moves underneath. The only way to get it to the top is to set its beginning position to a negative. As soon as I start adding a bunch of elements to the page the maths is going to become mind-numbingly ridiculous. Is there no other way?
I'm attempting to centre my site in the browser and I've been playing with it a lot and looking at various examples but all of them seem to use CSS relative positioning. The problem is... everything starts pushing eachother around the page when you use relative positioning
I initially used absolute positioning when I started designing my page and it worked well enough for me..
http://www.sillybomb.com
but now I've realised I want to switch to a centred view
http://www.sillybomb.com/indextrial.php
and I'm having a lot of troubles with the elements needing to have negative values etc.. and being illogically positioned in css to flow naturally on the page. Right now I've left it as you can see and the logo is being pushed downward by the shadow on the left.
I must be missing something simple I think..
I can solve that problem with the logo by putting it inside the header div.
What about objects that span the entire page though. For example on another page I'm working on I'm creating a shadow to go behind the page content, however the shadow pushes the entire page down.
Eg. www.deakintv.com
the div to the right should match up next to the header div
I can't place it inside the header because then it will only span the size of the header.
And when I place it outside the header it moves underneath. The only way to get it to the top is to set its beginning position to a negative. As soon as I start adding a bunch of elements to the page the maths is going to become mind-numbingly ridiculous. Is there no other way?