Hey everybody! My site is at http://www.lucidcitypictures.com and I'm have a problem. When I make my browser small (horizontally) the header and the main content split. I know this is because my header jpeg is wider and everything on my page is centered. Is there any way to fix this? Thanks so much in advance. JP Oh yes I also had a quick one: For the logo, I put the favicon.ico in my folder and though it's working on firefox it isn't on safari. Any ideas? Thanks again!
Thisis happening because the header block is wider than the main content block, and when you reduce browser width, the main content area is pushed further to the left while the header reaches the limit. Drop me a PM with ftp details to your website if you wish and I'll get you a 30-second fix.
Hey Clive that would be great but is there any way you could give a quick explanation? I'm working offline with a much more recent version of a bunch of pages and will have to fix them all. Thanks again.
This should fix the problem: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Lucid City Pictures: Feature Films. Music Videos. Commercials.</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta http-equiv="Content-Language" content="en-us"> <meta name="keywords" content="Lucid City Pictures, John JP Poliquin, Justin Tyler Close, Inside Charlie, Lost Until You're Found, Vancouver, independent production company"> <meta name="description" content="Welcome to Lucid City Pictures: a feature film & music video production company."> <meta name="robots" content="all"> <meta http-equiv="imagetoolbar" content="false"> <meta name="MSSmartTagsPreventParsing" content="true"> <meta name="Copyright" content="Copyright (c) 2007"> <link rel="Shortcut Icon" href="/favicon.ico"> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2779870-1"; urchinTracker(); </script> <link rel="stylesheet" type="text/css" title="main" media="screen, projection" href="default.css"> <link rel="stylesheet" type="text/css" media="print" href="change.css"> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(); background-color: #FFFFFF; } #body { width: 840px; margin: 0 auto; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style></head> <body> <div id="header"><img src="images/lcp_header_01.png" alt="" width="840" height="298" /></div> <div id="body"> <div id="spacer"> </div> <div id="menu"> <ul> <li><a href="#" accesskey="1" title="">DIRECTORS ROSTER</a></li> <li><a href="#" accesskey="2" title="">COMPANY REEL</a></li> <li><a href="#" accesskey="3" title="">COMPANY PROFILE</a></li> <li><a href="#" accesskey="4" title="">CONTACT LUCID</a></li> </ul> </div> <div id="content"> <br /> <div id="colOne"> <h4>Upcoming Films</h4> <h3>Lost Until You're Found<a href="http://www.lostuntilyourefound.com" target="_blank"><img src="images/pictures/lostuntilfound_thumb.jpg" width="200" height="133" border="1px" title="Check out the official site for Lost Until You're Found" /></a></h3> A 16mm short film about Jodelle, a young girl who's imagination takes her on a dangerous adventure to accept her mother's recent death.<br /> <h4>Previously Released</h4> <h3>Inside Charlie<a href="http://www.insidecharlie.com" target="_blank"><img src="images/pictures/insidecharlie_thumb.jpg" width="200" height="133" border="1" title="Check out the official site for Inside Charlie" /></a></h3> Charlie, photographer and father, experiences his life flash before his eyes. <br /> Will the moments of his past reveal the clue that can save his present?</div> <div id="colTwo"> <h2>Recent News in Lucid City… </h2> <h3>October 2007</h3> <p><strike>W</strike>elcome to Lucid City. It's official. The website has launched. This will be the new digital domain for Vancouver-based production company Lucid City Pictures. There's a lot on the horizon. We are currently finishing up post-production on Lost Until You're found, a colourful story about a young girl's troublesome imagination. Our previous film, Inside Charlie, is on the circuit making stops at various festivals including the Montclair IFF, the Calgary IFF, the Edmonton IFF and Toronto Student Shorts.</p> <div align="center"><img src="images/pictures/jpjustin_feature.jpg" width="450" height="300" border="1" title="JP & Justin on set"/> </div> <p>Keep a close eye on this website as we will be announcing upcoming projects. Directors roster, company reel and profile will all be up very soon. Contact jp@lucidcitypictures.com or justin@lucidcitypictures.com with any questions. </p> <h3><a href="#">More… </a></h3> </div> <div id="colTwoRound"></div> </div> <div id="footer"> </div> <div id="last", > <div align="center"><a> © 2007 Lucid City Pictures Inc. | Rights Reserved </a><a></a><a></a></div> </div> </div> </body> </html> Code (markup):