Current location: Hot Scripts Forums » General Web Coding » CSS » IE6 Bug? My center column drops to footer position


IE6 Bug? My center column drops to footer position

Reply
  #1 (permalink)  
Old 08-29-07, 08:48 PM
goatchaps goatchaps is offline
Newbie Coder
 
Join Date: Aug 2007
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
IE6 Bug? My center column drops to footer position

I already had a working 3 column layout on my site when I started this project.

I've been playing around with my site, rounding off corners and such. I've been placing images at the tops and bottoms of my divs to make everything look rounded.

When I finally got the page the way I wanted it to be in firefox, I looked at ie7. ie7 was fine, but in ie6, the whole center column drops underneath the two floats. It acts like I've cleared the center column, like you would do with a footer.

One thing to add is that I can take the image off of the top of the center column div and it will fix the positioning of the center column, so the problem must have something to do with the image.

I posted thise problem on a different forum and they told me to change the doctype to strict and validate it, plus they were really kind of rude to me.

They said "First things first - you have no cause to complain about how any browser renders your page because you have so many html errors, many of the type that often cause what people think of as rendering errors.

They aren't really rendering errors though, because there is no standard rendering for invalid html, so there are no errors. CSS rules are defined for valid html only. The fact that your CSS validates is irrelevant. CSS rules don't apply to invalid html, period. Of course browsers will attempt to render it anyway but since there's no standard for it they all tend to do it differently."

What a nice guy right? Anyways, these forums look a lot better.

The site had a few errors (like 20 errors, mostly from google adsense).....hey nobody is perfect. So I spent a long time working on the code to make it pass validation. While that was fun and all, it didn't fix anything. ie6 still thinks my middle column is a footer!

I'm going crazy over here. Can someone please help me out?


CSS:
CSS Code:
  1. body {
  2.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  3.     color: #032d15;
  4.     text-align: center;
  5.     margin: 0px;
  6.     padding: 0px;
  7.     background-color:#009933;
  8. }
  9. #holder {
  10.     width:962px;
  11.     text-align: left;
  12.     margin: 0 auto 0 auto;
  13. }
  14. #holder2 {
  15.     width:962px;
  16.     text-align: left;
  17.     margin: 0 auto 0 auto;
  18. }
  19. #header {
  20.     border:solid;
  21.     border-top-width:0px;
  22.     border-bottom-width:0px;
  23.     border-left-width:1px;
  24.     border-right-width:1px;
  25.     background:#FFFFFF;
  26.     border-color:#032d15;
  27.     text-align:center;
  28. }
  29. #nav_holder {
  30.     width: 152px;
  31.     float: left;
  32.     text-align: left;
  33.     margin: 0 0 0 0px;
  34. }
  35. #nav {
  36.     border:solid;
  37.     border-color:#032d15;
  38.     border-top-width:0px;
  39.     border-bottom-width:0px;
  40.     border-left-width:1px;
  41.     border-right-width:1px;
  42.     width:150px;
  43.     background-color:#FFFFFF;
  44. }
  45. #content_holder {
  46.     margin: 0 255px 0 170px;
  47.     width:537px;
  48. }   
  49. #content {
  50.     border:solid;
  51.     border-color:#032d15;
  52.     border-top-width:0px;
  53.     border-bottom-width:0px;
  54.     border-left-width:1px;
  55.     border-right-width:1px;
  56.     padding:15px;
  57.     background-color:#CCCCCC;
  58.     text-align:center;
  59.     width:505px;
  60. }
  61.  
  62. #footer {
  63.     padding: 5px;
  64.     border:solid;
  65.     border-color:#032d15;
  66.     border-top-width:0px;
  67.     border-bottom-width:0px;
  68.     border-left-width:1px;
  69.     border-right-width:1px;
  70.     background:#FFFFFF;
  71.     text-align: center;
  72. }
  73. .brclear {
  74.      clear:both;
  75.      height:0;
  76.      margin:0;
  77.      font-size: 1px;
  78.      line-height: 0px;
  79. }
  80. p {
  81.     font-size: 80%;
  82. }
  83. #content p {
  84.     line-height: 20px;
  85.     text-align:justify;
  86.    
  87. }
  88. h1 {
  89.     text-align:center;
  90.     font: bold 150% Georgia, "Times New Roman", Times, serif;
  91.     color: #032d15;
  92.     line-height:50px;
  93. }
  94. a:link { color:#032d15 }
  95.  
  96. a:visited { color:#032d15 }
  97.  
  98. a:hover, #nav a:active, #nav a:focus {
  99.     background-color:#032d15;
  100.     color:#FFFFFF;
  101.     outline-color:#000000;
  102.     border:solid;
  103.     border-color:#032d15;
  104.     border-width:1px;
  105. }
  106. #news_holder {
  107.     margin: 0 0px 0 0;
  108.     float: right;
  109.     width: 235px;
  110.     padding:0px;
  111. }
  112. #news {
  113.     border:solid;
  114.     border-color:#032d15;
  115.     border-top-width:0px;
  116.     border-bottom-width:0px;
  117.     border-left-width:1px;
  118.     border-right-width:1px;
  119.     text-align:center;
  120.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  121.     background-color:#FFFFFF;
  122.     width:233px;
  123. }
  124. #news p {
  125.     color:#032d15;
  126. }
  127. #login {
  128.     padding: 5px;
  129.     border:solid;
  130.     border-color:#032d15;
  131.     border-top-width:0px;
  132.     border-bottom-width:0px;
  133.     border-left-width:1px;
  134.     border-right-width:1px;
  135.     background:#FFFFFF;
  136.     text-align: center
  137.     font: 90% Verdana, Arial, Helvetica, sans-serif;
  138. }
  139. #mainlink {
  140.     border-color:#009933;
  141.     border:solid;
  142.     border-top-width:0px;
  143.     border-bottom-width:1px;
  144.     border-left-width:0px;
  145.     border-right-width:0px;
  146.     font: 90% Verdana, Arial, Helvetica, sans-serif;
  147.     padding-top:4px;
  148.     padding-bottom:4px;
  149.  
  150. }
  151. #newSongs {
  152.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  153.     border-color:#009933;
  154.     border:solid;
  155.     border-top-width:0px;
  156.     border-bottom-width:1px;
  157.     border-left-width:0px;
  158.     border-right-width:0px;
  159. }
  160. #newSongs p {font:100% Verdana, Arial, Helvetica, sans-serif}
  161. #newVids {
  162.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  163.     border-color:#009933;
  164.     border:solid;
  165.     border-top-width:0px;
  166.     border-bottom-width:1px;
  167.     border-left-width:0px;
  168.     border-right-width:0px;
  169. }
  170. #newVids p {font:100% Verdana, Arial, Helvetica, sans-serif}
  171. #topSongs {
  172.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  173.     border-color:#009933;
  174.     border:solid;
  175.     border-top-width:0px;
  176.     border-bottom-width:1px;
  177.     border-left-width:0px;
  178.     border-right-width:0px;
  179. }
  180. #topSongs p {font:100% Verdana, Arial, Helvetica, sans-serif}
  181. #topVideos {
  182.     font: 100% Verdana, Arial, Helvetica, sans-serif;
  183.     border-color:#009933;
  184.     border:solid;
  185.     border-top-width:0px;
  186.     border-bottom-width:1px;
  187.     border-left-width:0px;
  188.     border-right-width:0px;
  189. }
  190. #topVidoes p {font:100% Verdana, Arial, Helvetica, sans-serif}
  191. #info {
  192.     border:solid;
  193.     border-color:#032d15;
  194.     border-top-width:0px;
  195.     border-bottom-width:0px;
  196.     border-left-width:1px;
  197.     border-right-width:1px;
  198.     text-align:center;
  199.     font: 90% Verdana, Arial, Helvetica, sans-serif;
  200.     background-color:#FFFFFF;
  201. }
  202. #mainlink2 {
  203.     font: 90% Verdana, Arial, Helvetica, sans-serif;
  204.     padding-top:4px;
  205.     padding-bottom:4px;
  206.     text-align:center;
  207.  
  208. }
  209. ul{
  210. padding:0;
  211. margin:0;
  212. list-style:none;
  213. vertical-align:middle;
  214. }
  215. li{
  216.     padding:0;
  217.     font: 90% Verdana, Arial, Helvetica, sans-serif;
  218.     display:inline;
  219. }
  220. #nav li a {
  221.     display:block;
  222.     padding:5px;
  223.     text-decoration:none;
  224. }
  225. #current {
  226.     background-color:#009933;
  227.     color:#FFFFFF;
  228. }
  229. .warning {
  230.     font-weight: bold;
  231.     color: #f00;
  232. }
  233. #google {
  234.     background-color:#FFFFFF;
  235. }
  236. .google_type {
  237.     color:#000000;
  238. }
  239. #top {
  240.     text-align:center;
  241. }
  242. .image {
  243.     border:none;
  244.     padding:0px;
  245.     margin:0px;
  246.     display:block;
  247.     text-align:center;
  248. }
  249. .no_hover a:hover a:visited img {
  250.     text-decoration:none;
  251.     outline:none;
  252.     border:none;
  253.     border-style: none;
  254. }
  255. .no_hover {
  256.     border:none;
  257.     text-decoration:none;
  258.     background-color:#FFFFFF;
  259.     border-style: none;
  260. }
  261. a.no_hover:hover {
  262. background: none;
  263. border: none;
  264. }


Outputted html:

html Code:
    <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="music, video, song, vid, upload, files, famous, forums, musician, artist, band, bands, talent, message board, message boards, record contract, gamer, video gamer, gamers, video gamers, owned, highlight video, highlight videos, file, listen to music online, mp3, .mp3, mp3s, .mp3s, listen to music, friends, networking, sharing, share, listen to free music online, rate, groups, free, free mp3, free music, promote band, promote your band" /> <meta name="description" content="Listen to up-and-coming bands and vote on your favorite songs, or Promote your band by uploading your music, or upload your highlight videos and show all video gamers who really owns" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <title>Getmefamous.com&nbsp;—&nbsp;Index12&nbsp;—&nbsp;Music, Videos, Uploads, Forums, Artists, Gamers, Community, Bands, Voting, and More!</title> <link href="demo2.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/includes/external.js"> </script> </head> <body><div id="holder"><img src="images/top.gif" alt="Welcome to Getmefamous.com" class="image" />   <div id="header"><img src="http://www.getmefamous.com/images/logo_3.jpg" width="284" height="122" alt="Welcome to Getmefamous.com!" /><img src="http://www.getmefamous.com/images/dedicated3.jpg" width="515" height="122" alt="Welcome to Getmefamous.com!" /></div><img src="images/bottom.gif" alt="Welcome to Getmefamous.com" class="image" /> <img src="images/top.gif" alt="Welcome to Getmefamous.com" class="image" />   <div id="info">Listen to up-and-coming bands and vote on your favorite songs. Promote your band by uploading your music. <br />     Upload your highlight videos and show all video gamers who really owns! All for FREE! Join the community today!</div><img src="images/bottom.gif" alt="Welcome to Getmefamous.com" class="image" /> <img src="images/top.gif" alt="Welcome to Getmefamous.com" class="image" />   <div id="login">         </div><img src="images/bottom.gif" alt="Welcome to Getmefamous.com" class="image" /> <div id="holder2"><div id="nav_holder"><img src="../images/nav_top.gif" alt="Welcome to Getmefamous.com" class="image" /><div id="nav">     <ul>     <li><a href="http://www.getmefamous.com/Forums">Forums</a></li>     <li><a href="http://www.getmefamous.com/promotions/promotions.php" >Promotions</a></li>     <li><a href="http://www.getmefamous.com/about_us.php" >About Us</a></li>     <li><a href="http://www.getmefamous.com/top_100_songs.php" >Top 100 Songs</a></li>     <li><a href="http://www.getmefamous.com/top_100_videos.php" >Top 100 Videos</a></li>     <li><a href="http://www.getmefamous.com/100_newest_songs.php" >Newest 100 Songs</a></li>     <li><a href="http://www.getmefamous.com/100_newest_videos.php" >Newest 100 Videos</a></li>     <li><a href="http://www.getmefamous.com/all_ranked_songs.php" >All Ranked Songs</a></li>     <li><a href="http://www.getmefamous.com/all_ranked_videos.php" >All Ranked Videos</a></li>     <li><a href="http://www.getmefamous.com/all_songs.php" >All Songs</a></li>     <li><a href="http://www.getmefamous.com/all_videos.php" >All Videos</a></li>     <li><a href="http://www.getmefamous.com/contact_us.php" >Contact Us</a></li>     <li><a href="http://www.getmefamous.com/" >Home</a></li>     </ul>       <div class="mainlink2"><p>&nbsp;</p>   <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_alternate_color = "FFFFFF"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; //2007-01-29: HomeNav google_ad_channel = "0923062112"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "032d15"; google_color_text = "032d15"; google_color_url = "032d15"; //--></script> <script type="text/javascript"   src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div><div class="mainlink2">   <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_alternate_color = "FFFFFF"; google_ad_width = 120; google_ad_height = 90; google_ad_format = "120x90_0ads_al_s"; //2007-01-29: HomeNav google_ad_channel = "0923062112"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "032D15"; google_color_text = "032D15"; google_color_url = "032D15"; //--></script> <script type="text/javascript"   src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div class="mainlink2"><p> <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_ad_width = 120; google_ad_height = 60; google_ad_format = "120x60_as_rimg"; google_cpa_choice = "CAAQ5eSXhAIaCB_oSvSB0-4iKI-293M"; google_ad_channel = ""; //--></script></p> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="mainlink2"><p> <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_ad_width = 120; google_ad_height = 60; google_ad_format = "120x60_as_rimg"; google_cpa_choice = "CAAQ9LSkgwIaCLro3ktjIGGEKMi84IEB"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></p> </div> <div class="mainlink2"><p> <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_ad_width = 120; google_ad_height = 60; google_ad_format = "120x60_as_rimg"; google_cpa_choice = "CAAQ-dOWhAIaCDhxzMnYataRKIHD93M"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></p></div> <div class="mainlink2"><p> <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_ad_width = 120; google_ad_height = 60; google_ad_format = "120x60_as_rimg"; google_cpa_choice = "CAAQ-NmkgwIaCE0IWWanjWPsKKTP6n4"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></p></div> <div class="mainlink2"><p> <script type="text/javascript"><!-- google_ad_client = "pub-9474449085428463"; google_alternate_color = "FFFFFF"; google_ad_width = 120; google_ad_height = 600; google_ad_format = "120x600_as"; google_ad_type = "text"; //2007-01-29: HomeNav google_ad_channel = "0923062112"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "032D15"; google_color_text = "032D15"; google_color_url = "032D15"; //--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></p></div><div>&nbsp;</div></div><img src="../images/nav_bottom.gif" alt="Welcome to Getmefamous.com" class="image" /></div>   <div id="news_holder"><img src="images/news_top.gif" alt="Welcome to Getmefamous.com" class="image" /><div id="news"><div>&nbsp;</div>   <!-- SiteSearch Google --> <form method="get" action="http://www.getmefamous.com/search.php"> <table class="google" border="0"> <tr><td valign="top" align="left"> <a href="http://www.google.com/"  class="no_hover"> <img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" class="no_hover" /></a> <br/> <input type="hidden" name="domains" value="getmefamous.com"></input> <label for="sbi" style="display: none">Enter your search terms</label> <input type="text" name="q" size="15" maxlength="255" value="" id="sbi"></input> <label for="sbb" style="display: none">Submit search form</label> <input type="submit" name="sa" value="Search" id="sbb"></input> </td></tr> <tr> <td> <table> <tr> <td> <input type="radio" name="sitesearch" value="" checked="checked" id="ss0"></input> <label for="ss0" title="Search the Web"><span class="google_type">Web</span></label></td> <td> <input type="radio" name="sitesearch" value="getmefamous.com" id="ss1"></input> <label for="ss1" title="Search getmefamous.com"><span class="google_type">getmefamous.com</span></label></td> </tr> </table> <input type="hidden" name="client" value="pub-9474449085428463"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="channel" value="4900123702"></input> <input type="hidden" name="ie" value="ISO-8859-1"></input> <input type="hidden" name="oe" value="ISO-8859-1"></input> <input type="hidden" name="flav" value="0000"></input> <input type="hidden" name="sig" value="Y0v79dm43a9eEvHh"></input> <input type="hidden" name="cof" value="GALT:#032d15;GL:1;DIV:#FFFFFF;VLC:0000FF;AH:center;BGC:FFFFFF;LBGC:336699;ALC:032d15;LC:032d15;T:032d15;GFNT:032d15;GIMP:032d15;FORID:11"></input> <input type="hidden" name="hl" value="en"></input> </td></tr></table> </form> <!-- SiteSearch Google -->     <div id="top"></div><p class="no_hover"> <a href="http://www.unclejonzcorner.com" rel="external" class="no_hover"><img src="http://www.getmefamous.com/images/unclejon.jpg" width="159" height="48" longdesc="http://www.unclejonzcorner.com" alt="Visit Unclejonzcorner.com" class="no_hover" /></a></p><div>&nbsp;</div></div><div><img src="images/news_bottom.gif" alt="Welcome to Getmefamous.com" class="image" /></div></div><div id="content_holder"><img src="images/content_top.gif" alt="Welcome to Getmefamous.com" class="image" /><div id="content"><h1>Getmefamous.com News:</h1>     <p><strong>August 28, 2007 UPDATE: 8:05 A.M. PST -</strong> I am making some small updates to the site. I will be rounding off the top of each page to make the site look a little better. We now have over 900 members.</p>     <p><strong>August 21, 2007 UPDATE:</strong> We now have over 775 members! I am going to be making some minor updates to the site in the next few days. I'm going to fix a problem with the navigation of the site, as well as, some other visual improvements. It's not going to be anything drastic yet, but it will make the site function better.</p>     <p><strong>July 13, 2007 UPDATE:</strong> We now have over 465 members registered. We are almost finished with the list of updates that the site needs. Keep sending your ideas to <a href="mailto:goatchaps@getmefamous.com">goatchaps@getmefamous.com</a>. Soon, we will be upgrading to a dedicated server along with all of the changes that will be taking place. Keep checking back to stay informed!</p>     <p><strong>March 24, 2007 UPDATE:</strong> We are pleased to announce that we now have over 200 members! Getmefamous.com is growing day-by-day! Sign up now to make sure you get the user name that you want before someone else takes it. </p>     <p><strong>February 4, 2007 UPDATE:</strong> I had to delete 4 accounts today due to the fact that they made pornographic member names. This will not be tolerated on getmefamous.com. I suspect that they were going to either upload pornographic content, or advertise on the forums for pornographic websites. This is a serious website that is here to help people. There are plenty of other websites to go to look at adult content.</p>     <p>On a brighter note, we are getting a few new members every day. I have also started an advertising campaign to start bringing in more traffic for the site. We will be a large community in the not too distant future. Please continue to feed me your ideas for the changes you guys would like done to the site. To send in your thoughts and opinions, send an email to <a href="mailto:goatchaps@getmefamous.com">goatchaps@getmefamous.com</a>. </p>     <p>We are starting the redesign for the site very soon....and I have to tell you, we have a lot of great ideas and getmefamous.com will look very different very soon. Keep uploading your songs or videos and tell your friends about us.</p>     <p><strong>January 30, 2007 UPDATE:</strong> Things are going well. In the next few days, we will be making the site easier to navigate. As soon as that is finished, we will start working on a huge revision. We have ideas from members on how to make the site  better. We are going to switch to a 5 star rating system. We are going to let you guys customize your member page with pictures, backgrounds, and more. But for now, keep uploading your songs and videos. If you have any thoughts on how to make this site better, send me an email at: <a href="mailto:goatchaps@getmefamous.com">goatchaps@getmefamous.com</a> </p>     <p><strong>January 24, 2007 UPDATE:</strong> As soon as we get enough feedback from members about getmefamous.com, we are going to redesign the site to better fit everyone. We want you to tell us what would make the site better. We value very much everyone's input. We want this to be the best site it can be. </p>     <p><strong>January 23, 2007 UPDATE:</strong> Today is the day! Everything is now working. So signup now, remember it's free! So start signing up and start uploading files. <strong>To upload files, login and click the link to view your upload page (in the top left of the forums)</strong>.</p>     <p><strong>January 22, 2007 UPDATE:</strong> I have great news. The upload portion of our website is finished. You may now start uploading files. The only thing left to do is to put our new homepage up, which will be done sometime tomorrow. When that happens, we will have our grand opening. We will start advertising to get some musicians and other artists onto the site. Things are looking up, so register asap....remember, registration is free! Uploading files is also free so, start uploading your songs and videos!</p>   <p><strong>January 21, 2007 UPDATE:</strong> We're just waiting for the Terms of Service to be posted on the site and then we will have our Grand Opening. We will be open for uploads. Sign up now to get your member name before someone else takes it. I also have a homepage redesign that I have been working on that I will make use of after the Terms of Service has been posted. This new redesign will make the site more content-friendly. We will also make some small changes that will make the site more user-friendly for all of you guys. I will e-mail all of the members when the site is open officially, which should be very soon...hopefully tomorrow or Tuesday.</p>     <p><strong>November 13th UPDATE:</strong> As you all know, I am a filmmaker. I'm looking for a cameraman to do some filming on a wedding in California. If you feel that you want the job, contact me at [email]goatchaps@getmafamous.com[/email]. </p>     <p><strong>November 9th UPDATE:</strong> The final revision is finally finished. There are only a few minor changes that need to be made. The site will go live asap. </p>     <p><strong>September 22nd UPDATE:</strong> The final revision of the code is being programmed right now. The website will go live as early as next week. </p>     <p><strong>August 27th UPDATE:</strong> I've been working a lot recently; I went from working with one website to working with three websites. And, I'm going to be creating one more website next month sometime. I'm also still working as a network administrator at a school, so I've been really busy. But, the terms of service has been created and one more update to fix a couple of bugs and to add more features will make getmefamous.com ready for beta testing. I just found some time to make the homepage fit the forums in terms of appearance. Keep checking back as this site will go live soon. </p>     <p><strong>July 10th-23rd UPDATE:</strong> The programmer has finished the uploading portion of the site. There are only a few more things to get worked out before we start the Beta Testing. It should not be long now. Thanks for your patience. </p>     <p><strong>Tuesday, July 4th UPDATE:</strong> I'm having a chat with the programmer I'm hiring to code the upload and share portion of the site this Thursday. I will let you all know how it works out. </p>     <p><strong>Wednesday, June 28 UPDATE:</strong> I just got back from a 20 day vacation and I'm happy to announce that I will be hiring a professional programmer to do the rest of the website. Things are starting to take shape here and the site should be open for beta testing in the next 2 weeks. </p>     <p><strong>Thursday June 1, 2006 UPDATE:</strong> The getmefamous.com website e-mail system is now setup. Also, the forum colors are just about finished. We are well on our way. </p>     <p><strong>Wednesday May 31, 2006 UPDATE:</strong> I'm getting closer to the forum colors I want....still not right, but I think it'll be fixed soon. </p>     <p><strong>Sunday May 21, 2006 UPDATE:</strong> The forums are now up, but I have not had a chance to change the colors yet. I know it kinda looks bad, but it will all be fixed soon. Click here to go to the forums.</p>     <p><strong>Sunday May 21, 2006 UPDATE:</strong> The forums are almost ready to go, just waiting for my webhost to install a database. I dunno how long that will take, but I'm assuming that it should be ready later tonight or tomorrow. After that, all I have to do is finish installing the forums. Check back soon! </p>     <p>This site is being created as we speak. It is a site dedicated to helping film students, artists, musicians, and video gamers get their work, music, highlights, or anything else noticed. </p>     <p>I am a film maker who is getting ready to shoot a documentary about video games and video gamers. Through this site you will all be able to upload your work, music, and highlight videos. When your work is uploaded, not only will you be able to show your work to the world, but you and your friends can vote on your work and the top 5 songs and the top 5 highlight videos will be entered into my documentary. Your band name, callsign, and names will also be in the final credits. </p>     <p>I am considering interviewing the band whose song gets the most votes, or maybe even creating a music video for the winners. The interview/music video would play either at the end of the documentary or during the credits. </p>     <p>I also need a lot of hardcore video gamers that would like to be interviewed in my documentary. You will be able to sign up for me to come to your house and film you. </p>     <p>The goal of this web community is to get us all famous. With your help, this will be a huge success. </p>     <p>&nbsp;</p>     <p>I will be adding forums to the website soon, so please check back soon.</p><div>&nbsp;</div></div> <img src="images/content_bottom.gif" alt="Welcome to Getmefamous.com" class="image" /></div>   <div class="brclear">&nbsp;</div></div><img src="images/top.gif" alt="Welcome to Getmefamous.com" class="image" /> <div id="footer"> &copy;2006-2007&nbsp;Getmefamous.com </div><img src="images/bottom.gif" alt="Welcome to Getmefamous.com" class="image" /> </div> </body> </html>

Last edited by jfulton; 08-30-07 at 02:35 AM. Reason: Use [highlight] tags!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 08-29-07, 09:05 PM
goatchaps goatchaps is offline
Newbie Coder
 
Join Date: Aug 2007
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Well one thing i just noticed is that if i remove the image from the top of the content div, the content displays in the correct area. Also, if I reduce the length of the top content image to 500px, the content div displays in the correct area, but this does no good as the top content image is misaligned with the border.

Another weird thing I noticed is that the content holder's width is 537px, but the content div is only 505px. I really don't understand that because there is a 32px difference between them both, but they both look like they are the same width. If I add up the 15px padding and the 1px borders on either side of the content div, that only adds up to 17px. Where is the other 20px comming from?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 08-30-07, 02:40 AM
jfulton's Avatar
jfulton jfulton is offline
Community VIP
 
Join Date: Apr 2006
Location: Los Angeles, CA
Posts: 660
Thanks: 0
Thanked 0 Times in 0 Posts
Do you have a live version of the page we can look at?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 08-30-07, 12:43 PM
goatchaps goatchaps is offline
Newbie Coder
 
Join Date: Aug 2007
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 08-30-07, 10:57 PM
goatchaps goatchaps is offline
Newbie Coder
 
Join Date: Aug 2007
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
I decided to create a whole new page from scratch instead of just editing the old page. This has allowed me to fix this problem as you can see here:

http://www.getmefamous.com/testround.php
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #6 (permalink)  
Old 08-31-07, 01:15 PM
goatchaps goatchaps is offline
Newbie Coder
 
Join Date: Aug 2007
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
So the new page is done and it's so much cleaner now. The new stylesheet and new page both passed the validators easily. You can see how I've done it here:

http://www.getmefamous.com/testround2.php

If anyone is wondering how to round off the corners while keeping a border, I recommend reading this article:

http://www.webcredible.co.uk/user-fr...-borders.shtml

Thanks.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Firefox and align problems gigafare CSS 12 01-07-07 12:22 PM
Overlapping table cells in IE, table/css three column layout (WebTV info also wanted) TwoD CSS 4 11-09-06 08:39 PM
Center column overlapping left column greymoose CSS 2 11-03-06 11:02 PM
I most definately suggest DevelopingCentral.com For Any Website Design/Development! Salty777 General Advertisements 2 10-01-04 05:27 AM


All times are GMT -5. The time now is 01:35 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.