I have design a site for our karate school www.fortesamericankarate.com and am having problems with the footer expanding to match the table. Everything works fine but that. I would like to keep it because it has a good look to it. I'm very new to web design when it comes to this but can't seem to figure out this problem. I am using dreamweaver mx to design this site. Our sensei likes it and doesn't care about the footer but I'm too anal and would like it to work. Please visit it and see if you can help Thanx, Josh ps if you need certian html code posted let me know
Josh, Your code is not accurate enough, if you check your site in Firefox you'll see the main convent and footer blocks moved to the right. Missing closing div tag, or an incorrect usage of the "float" property. Usually something like <br clear="all" /> placed properly can fix the layout in such cases.
Usually something like <br clear="all" /> placed properly can fix the layout in such cases. Where would the correct place be? I searched the css file I made and some of the html but found no open div's (plus I think DW tells me of missing closes) or a float command.
Here is a scheme to give you some idea: <div> <div style="float:left">Some test here</div> <div style="float:right">Other test here</div> [B]<br clear="all" />[/B] </div> Code (markup):
Well somehow I fixed the shifting to the right, and made it work across browser platforms usning the <br> command. (Kudos to you!!) I was the dummy only checking it on IE to begin with. The problem of my orginal post is the footer graphic at the bottom. I have tried making it bigger and making the layout template and table smaller, but the footer still doesn't line up to produce a seamless footer that merges with the main table. I am using templates within DW to make the link changes and items easier. Thanks for your help so far and any more you can give!!
Hey, you need to edit the image to make it fix the footer issue. Download the image from the link below and replace your current footer.gif with it. See if that has fixed the problem then Please let me know when done so I can clean the tempory folder on my hosting account. www.pxam.com/temp/footer.gif
KUDOS, What did you actually do to the image? I tried to resize it but still had no luck. Whatever you did works. Thanks
I have editted the image in Photoshop. There were white spaces to be removed from the left and right edges that simple resizing would not fix. Anyway good to see it worked, I will remove the image from my server now.