I need some help figuring out why theres an ungly bar at the bottom of this page http://dunpaintedfarm.com/ecom/index.html. If you look where the copyright is at, there should be an image that looks like this but instead i get this black bar. Can some one please take a look and help me out
Well, I'm not seeing that black bar, but being I'm getting NO stylesheet in IE, and different bottom appearances in FF, Opera and Safari, I'd say there are bigger underlying issues going on here... Ok, first off you are declaring widths on EVERYTHING when that shouldn't even be needed - you've got a perfectly good #container to handle all that. ... and you are aware that 800px is not 800px width friendly, right? (at which point you might as well make use of that extra 192 pixels availabel to you!) You've got... hmm, about four times the number of wrapping DIV's than are needed in the 'header' area - adding ZERO functionality for a lot of bloat - that's a mild case of classitus (though I've seen worse). I think the big problem though is your bottom.gif - the one BEFORE bottomref.gif appears to be corrupted/invalid.
what do u suggest with the header area, and what do u mean by 800 isnt 800 friendly? And whats the extra 192px. I dont exactly understand what. I guess that I'd like for you to explain your message a little better for me. Thanks
K. I got the bottom fixed, and I checked my site in opera, FF, and IE and it looks fine. I'm not sure what u mean by the " NO stylesheet" comment. Again, thanks
I suggest replacing the entire #banner div, #menu div, #menulinks div with just: <ul id="mainMenu"> <li class="current"><a href="index.html" title="">Home</a></li> <li><a href="#" title="">About Us</a></li> <li><a href="#" title="">Products</a></li> <li><a href="#" title="">Services</a></li> <li><a href="contact.html" title="">Contact Us</a></li> </ul> Code (markup): Styling the UL directly - you have nothing there that requires THREE wrapping DIV. Likewise the 'content' wrapper isn't needed either as that body background should probably be combined with the one on #container Scrollbar and window border means you get less than 800px available - to the tune of 24-32 pixels less. To make a website that's 800x600 friendly you need to make it roughly 768px wide, not 800. If you are going to go past 768px wide, you might as well design for 1024x768, in which case you've got 224px more available, but to be 'safe' I usually only go 192px wider, hence the 192 more. (so target 960px) In IE6 and IE5.5 the page is loading without a stylesheet - possibly there's something in the CSS that is making it bomb. You get a white page as if your CSS didn't even exist in those browsers. Part of me suspects it could just be the use of upper-case in the stylesheet name - though that would be really silly if true. I notice that if you access STYLE.css as you have it typed, all the browsers get redirected to style.css - meaning I bet IE is failing on that redirect.
I had 3 wrapping divs for the following. BANNER is the main top section with the bg image. MENU is to hold the links inside. I had this there to add padding for the links themselves. and MNEULINKS of course holds the links themselves. So what your sugesting is to completley get rid of these 3 and put just one div box with the links inside? Also, I have "style.css" named in lower-case. P.S. I like your response to the Website for a Beginner thread. I agree about Dreamweaver adding extra code into it, but I like to use a visual aid just to see how the layout is coming along cuz it makes things a little faster. Other than that, I try to do alll my own coding.