My website breaks into two when it is viewed in a high resolution on a widescreen. Can someone help me fix this? My website. Thanks
hey use following html structure, <div style="float:left; width:800px; height:auto;"> <div id="banner"> <!-- banner content --> </div> <div id="wrapper_parent"> <!-- wrapper parent content --> </div> <div class="footer2"> <!-- footer content --> </div> </div> HTML: hope this will work
I had to have some complicated CSS so that the main content on my site is at the top of the source code (SEO reasons). Is there not just a way to fix this rather than have everything recoded?
It looks like because there is room on a larger screen your main content is floating to the left just like you've asked it to? Try doing this: Take the: float:left; off the .wrapper_parent in your CSS file. Also don't you want the whole page to be centered rather than to the left? Just put all your content in a wrap and have the wrap set to margin:0px auto; in your CSS file and also text-align:center; Let me know how it goes, and by the way nice site!!
The proposed structure from softnmore will have no detrimental effect on SEO. A well thought out banner is a primary identifier for the site. Your simple 3 column layout will easily support the main column following the banner. Considering the number of xhtml syntax errors and the poorly considered css, it wouldn't hurt to clean up your structure as you fix your markup and css. cheers, gary
Yes, you definitely need to clean up your CSS and HTML errors. You have quite a few. In order to fix your current error, all you really need to do is put EVERYTHING that is in the <body> tag inside a div, give it an ID of mainContainter or something like that. Then all you need to do is give that a fixed width that is exactly the same width as your banner and content containers. Since this is a fixed width design, the above will keep all of your stuff inside the container, and properly lined up. Remember, even though this will fix it, you REALLY need to clean up your CSS and your HTML.
Thanks a lot for all your input everyone. When you say clean up my CSS, do you mean just resolve the W3C warnings? If so, what is the downside of not cleaning it up? Not long ago my XHTML was perfectly valid, I just need to go through and fix the new errors now.
Cleaning up the errors (if possible) should be done. However, some of the warnings they give are kind of ridiculous. I usually ignore most of them that have to do with a background color not being set, etc. However, you do have some warnings that need consideration. Like this one for example: h1 font-family: You are encouraged to offer a generic family as a last alternative You should really follow that piece of advice. It also looks like you are defining conflicting styles, by cleaning some of those up, you could probably make your style sheet smaller in size.
last alternative font-family is important for users like me. Many sites I see are in times new roman because I don't have even the common fonts of Arial or Verdana. I have serif, sans, and mono. That's it. : )
Do `apt-cache search truetype' That should return msttcorefonts - Installer for Microsoft TrueType core fonts apt-get install msttcorefonts cheers, gary
^ yeah I know, Gary... but you wouldn't believe how good it is for testing... better yet, do you know a way to turn fonts OFF in a browser while keeping all the other CSS on? Then I'd go ahead and download the fonts. If a site looks okay because I used Verdana but out of whack without basic fonts, it means I didn't code it well, so a nice test. I have a 'blows machine for testing which does have the core fonts (tho I downloaded some others and the browsers aren't showing those... but I'm unfamiliar with Windows), so I can check sites with default MS fonts and I try to keep Mac fonts in mind when writing font-families (Safari for Windows looks different but I'm not sure if they're different fonts or just the different smoothing it uses). mark: I have Unix fonts : ) MS and Mac fonts can be downloaded, but I've just left them and when I started web developing I never upgraded anything... and usually am pretty glad. I've only downloaded fonts specifically for GIMP alone.
Not tested for full effect. In preferences / content / (fonts) advanced unselect "Allow pages to choose their own fonts …". cheers, gary