Hi guys. I am a graphic and web designer and have taken a break from freelancing in order to enhance my coding and CSS skills. I have basically mainly been using only tables, XHTML and CSS in my designs which have all sold for fairly low prices but I now want to enhance my services with CSS coded layouts only instead of tables; but evidently I am having trouble doing so. I have my layout here (I have removed all main graphics for copyright purposes) And here are my questions: - How do I exactly center my whole layout? I can't seem to find anything successful to do it. - Is it possible for me to successfully code it using CSS Divs only with the slicing used above? If not, then how would I go about slicing it? - When I try to add text which stretches vertically steeper than the original size of the div it is contained in, it overflows which means instead of keeping in the div and expanding the layout, the text simply goes over the footer, etc, how do I fix this? - Using DIVs, how do I make the shadows on either sides of the layout repeat and tile like I have optimized it to in the slicing? Can it be done using the same slicing technique? - I want "Left Column" and "Main Content" to expand vertically as I add more content but all the other sections to remain fixed in their position and size, is this possible using divs? Any help really appreciated. If you only know the answer to one or some of the questions, still, please do answer.
To center a site horizontally, you have to create a "wrap" container around all of the content you want centered and use "auto" left and right margins. ie. <div id="wrap">all of my content here</div> #wrap {margin:0 auto;} I think that if you use auto as the height attribute of your div, the div will expand and contract to fit its contact ie: .flexiblediv {height: auto;}. Of course, you can set a fixed height to the divs you dont want to expand/contract.