publik

Thanks for the quick reply, helped me see the problem. This clear-block style is built into drupals default css and it was the clear-block:after { content:'.'; } that was causing the margin. Ive overridden it on two containers with .clear-block class like this: #footer-region:after {content:'';} #page:after {content:'';} and that fixed the problem. Thanks for your insight. Changed to overflow:hidden; and works better in other browsers.

Im getting a 20px margin at the bottom of my page, and cannot figure it out, html and body both have margin:0; padding:0;

No worries, thanks for the tips.

Ive uploaded the file again maybe it did not work properly the first time? Its attached to this message. Website_DD1.pdf

Do you think you could take a look at the original .pdf the images were in. It should give you a better idea of the color loss I am experiencing. http://rapidshare.de/files/39056277/CHT088...te_DD1.pdf.html Is this as good as I can get optimized images or can I get them closer in color to the original pdf?

Heres a link to some different optimized images. If you could take a look and tell me what you think that would be great. http://s187.photobucket.com/albums/x53/pbl...mized%20images/

I am using version CS3, I had my image mode set at RGB 8bits. I changed to 32 bits but cannot now use the "Save for Web and Devices" option. I changed to 16bit and used this option and it seems like it has improved. I will upload the results.

I am having trouble with optimising images through photoshop. I use "Save for Web and Devices" and no matter how I configure the settings and which file type I use, I can't seem to stop my images losing a lot of their color. Could I please get some suggestions on how I could optimize my images differently, or what I am doing wrong?

Thanks a lot for yours and everyones help.

my columns add up to 100% but if I make them 99% won't there be a 1pixel jump somewhere?

I just added the news section after I had the initial problem fixed. I cant test in IE6 or 7 on my mac because they stopped building it. The news section is dropping down below the middle and main content areas? Can I fix this using a clearing element underneath it?

OK a champ on another forum figured this out for me, I needed an invisible barrier below the header div and above the navbar to stop the divs being pushed up. Like this: <div style="clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;"> </div>

I have uploaded the site below if you prefer to take a look online. http://www.publikdesign.com/testing/clearhouse/

I can only test it in IE5.3 because I am on my mac, but my mate has tested it in IE7 and he said it produces a fairly similar stinky dump. Thanks for your help!

I am having trouble with this site displaying in IE. It displays how I want it in Firefox but takes a rather large dump when opened in IE. I'm not sure where to go next. If someone could take a look for me it would be much appreciated. http://rapidshare.de/files/39044512/wwwroot2.0.zip.html

I posted before I fixed it, the content div and sidebar div were to wide for the page container, causing the content div to drop below sidebar in IE 5 -7. Cheers Gibson, my first layout using div's. It was an absolute mess to start with, but thanks to forums like this one I was able to clean it up.

I am having trouble with my content div dropping below the sidebar div, which is floated right. Ive changed the width of sidebar div, so that all up, the content and sidebar div are not wider than the page container, but the content div still seems to be dropping below the sidebar div. Is this a common problem? http://www.publikdesign.com/katmandog

Got it all working! Cheers for the comments and suggestions.

Ive got errors to do with the doctype decleration.

Eskymo - I have not started work on the rollovers yet, I want to get the header layout coded correctly first, then figure out how to do them. I have changed the code, hopefully for the better, I will see what the vaildater says.

Cheers for the comments and tips guys. Ive made some changes to the code after learning I was going about it the wrong way with the "display: tables;" crap. I just have one problem with it, #header-row2 does not clear the #home div (home img link). For some reason 'home' is sitting below the other three links. I am not sure what is wrong with it, heres the page with changes made: http://www.publikdesign.com/katmandog OK, I fixed this problem, the container wasnt wide enough to fit all of the images, now I really look stupid.

cheers

I have been trying a few things trying to get the nav bar at the top right of this site to sit right and have rollover images. I don't know how to do it, I am ready to smash my Powerbook, please help. http://www.publikdesign.com/katmandog The link images are making the logo on the left raise up and the whole header expand down more than I want it to. here is what I want it to look like: Any help with this would be great.