About The Website: Made with HTML and CSS. Photoshop Designed the layout from scratch, then sliced it into pieces. Imageready Made the rollover images, the baisic CSS and HTML. Dreamweaver Used for testing and costumization. I haven't made a lot of changes with that My Own Coding CSS Put the CSS in a seperate File Moved most images into the CSS (except logo, banner and rollover menu, which contain links.) Added basic CSS style codes Changed and added a bunch of minor things. Gave expandable sections a 1px repeated image. It is made using absolute positioning, I don't know how to change it. HTML Removed images coevered by CSS, still under major construction. The Problem I want the content to expand visibly with overflow, and at the same time also expand two other sections along with it. I also want the images located below the content to be automaticly pushed down as the content expands, it currently overlaps. I know it's absolute positioning which is causing the problem, but I haven't figured out how to fix it. I am fairly new to HMTL and CSS so it takes me forever to figure things out, and I have been trying to get this working for a long time now. Live Test Site: http://www.cook66.com/test/ Image Explination: http://www.cook66.com/test/help.jpg CSS: http://www.cook66.com/test/stylesheet.css HTML in txt format: http://www.cook66.com/test/index.txt I hope I can get help with this as it's been pure torture trying to figure this out. Thanks for reading (P.S. I would make the URL links if the forum would let me )
Hi! Ouch! Absolute positioning will only come back to bite you You can incorporate the same layout without absolute positioning. My mom's web site's layout is similar in structure: http://www.mysonisamarine.com Also, if you aren't already using Firefox + Web Developer Toolbar, you should look into it. You can edit HTML and CSS (temporarily) on the fly for rapid development and debugging (if debugging is the right term for CSS lol)