I've recently started up a proxy site http://www.coolpanda.net , the design seems to split up in IE6 but works all fine in IE7,FF,opera. i need someone to fix it up and make it compatible with IE6. if you can do this please pm me.
I didn't find anything in style.css for id="address_bar" which you use for that div. The proxy_button id has a margin-bottom: -2px; that may be enough to smash everything together. All I saw was the myspace.com input box partially missing. Adjusting these values should allow you to get those things in line. Everything else looked ok to me. good luck!
ok, first you might want to try valid code - 46 validation errors would be a good start. Lose the XML prolog, you're putting IE into quirks mode. You've got breaks, unclosed paragraphs, classitus, presentational tags, and a whole host of other HTML that should be axed outright. I mean, do we SEE a problem here? <div id="wrapper"> </head> <body> </div> Code (markup): THEN at the bottom you close </head> a SECOND time, open a new body, have some content and then don't close the head or body anywhere... Hang on, I'm tossing together a rewrite for you.
Here's how I'd clean that up: http://battletech.hopto.org/for_others/zoomone/template.html The directory: http://battletech.hopto.org/for_others/zoomone is unlocked so you can grab the bits and pieces - I reoptimized your images down in size to save some bandwidth while in there. Validates XHTML 1.0 Strict, tested working in IE 6 & 7, Firefox, Opera and Safari. It messes up in IE 5, but this is hardly surprising given we've got heights with padding in there. (at this point, who cares about IE 5.x anymore - we can't backwards support forever) You'll notice that between the HTML and CSS it's shaved about 1k off the file (20% reduction) - there was a decent amount of unneeded elements in there... the big savings is on images though going from 83k to 25k, the total page size being almost a third what it was. I did axe quite a few things - that bookmark javascript for example - every browser has functions for that, there is NO reason for that cutesy shit on a page, EVER. If the user wants to bookmark the page, they'll do it through the browser. You had a bunch of elements that werent' doing anything, those got the axe right quick as did the classes that were unneeded. (div class="option" for example) The H1 I used for the site logo has a number of 'tricks' in it. By putting the site name and the two most relevant keywords in the h1, you'll see better search rankings, then we hide those by putting our logo image on a span, and positioning the span over the text. This has the advantage that images off we can still have a formatted header, and by using the strong tag to style the second line, we also mark those words as more important meaning better search results. As much as we'd like to think the site title is an important search word - it isn't. People are more likely to be searching for 'free proxy' or 'proxy server' than they are 'coolpanda'. I also bumped the content font sizes to slightly larger and dynamic - the fixed size font is cute for footers, but the page content REALLY needs to resize for large font users, and frankly anything less than 12px is a total /FAIL/ at intarweb in the first place. Hope this helps.