ByteDreams wrote:
> Thank you.
> I've temporarily loaded the theme on my site. It's now worse than it was -
> than it appeared offline. For instance I had gotten the dock menu working
> and in the middle, now its back on the left.
> I don't know what happened now. I can't see straight anymore.
> I have the fixed header set to a percentage of the transparency so I could
> see if anything was hiding underneath, and sure enough, my footer is there
> at the top.
>
>
>
Whats the url of your site? (forgetting to inlcude it happens to the
best of us =] )
Try not to worry about it. What you're going to learn now is how
positioning and floats work. I'll try and start simple with the concepts,
*document flow:*
this is the default flow of an html document, by that i mean the way
block elements like div and p stack under each other and inline elements
like span or strong wrap part of a line of text. By the use of floats
and position: absolute we remove an element from this 'normal flow'.
*floats:*
these put an element into the 'float flow' which can still affect
the 'normal flow'. Elements in the 'normal flow' will flow around
floated elements. The typical example is floating an image so that text
wraps to the side and underneath it.
*position: absolute:*
this completely removes an item from the 'normal flow'. Elements
outside of this item will not be affected by its size or position. This
is why you cannot use position absolute and floats on the same element.
You can position these relative to their containing element. So if you
have a div under the body and position it absolutely it will be
positioned relative to the body. If you apply position relative to an
element and have an absolutely positioned element inside that then it
will be positioned relative to that element and not the body.
There's a lot more to it but I hope that helps to explain some things.
David Laakso sent you a link to some layouts that you can use to make
your own and get started. There are some tricks to float layouts. This
tutorial will explain a simple two-column one and helped me get started:
http://www.alistapart.com/articles/negativemargins/
When you can understand that google for '3 column float layout' or
something to that effect and read up a bit on what comes up. The
concepts and techniques will eventually start to click you just have to
stick at it.
Also if you can get an ftp client then set yourself up a sandbox folder
on your website for testing layouts and so on before trying them out
your site.
Hope that's some help
Rob
______________________________________________________________________
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/
