shujjah Posted April 16, 2008 Share Posted April 16, 2008 Hello there this is my html code <?phprequire_once './php-bin/db_mysql.inc.php';$db = &new DB_Sql();$db2 = &new DB_Sql();include_once './includes/media.inc.php';$media = &new Media($db, $db2);include_once './includes/poll.inc.php';$poll = &new Poll($db);include_once './includes/news.inc.php';$news = &new News($db);include_once './includes/game.inc.php';$game = &new Game($db);include_once './includes/cheat.inc.php';$cheat = &new Cheat($db);include_once './includes/article.inc.php';$article = &new Article($db);$system = $_REQUEST['system'];?><!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><link rel="Shortcut Icon" href="/favicon.ico"><meta name="description" content="A multi-platform gaming website with gaming news,previews,reviews,cheats and more!"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Gamerz Galore - Gaming News,Previews,Reviews,Cheats and much more!</title><link href="style.css" rel="stylesheet" type="text/css" /></head> <body> <div id="page"> <?php include './includes/topNav.inc.php'; ?> <?php include './includes/header.inc.php'; ?> <?php include './includes/loginBar.inc.php'; ?> <div id="left"> <?php include './includes/leftMenu.inc.php'; ?> <?php include './includes/leftSearch.inc.php'; ?> <?php include './includes/leftPoll.inc.php'; ?> <?php include './includes/leftScreen.inc.php'; ?> </div><div id="right"><table valign="top" cellspacing="0" cellpadding="0" border="1" width="576"><tr><td colspan="2"><?php include './includes/TopFeature.inc.php'; ?> </td></tr><tr><td width="350" valign="top"> <?php include './includes/latestNews.inc.php'; ?> <?php include './includes/latestReviews.inc.php'; ?> <?php include './includes/latestGames.inc.php'; ?></td><td width="222" valign="top"> <?php include './includes/latestArticles.inc.php'; ?></td></tr></table></div> <div style="clear: both; margin-bottom: 10px;"></div> <div class="bar"> <?php include './includes/footer.inc.php'; ?> </div> </div> and this is my css body { background: url(images/bg1.gif) top repeat-x #35598e; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; color: #000000; margin: 0;}img { border: 0;}a:link, a:visited { color: #253e63; text-decoration: none; padding: 0; margin: 0;}a:hover { text-decoration: underline; color:#FF7C2A;} #page { width: 808px; background: url(images/fg.jpg) repeat-y; padding-left: 4px; padding-right: 4px; padding-bottom: 0px; margin-left: auto; margin-right: auto;}#header { width: 800px; height: 125px; background: url(images/siteheaderrr.gif) no-repeat;}/* navigation styles */#nav { width: 100%; overflow: hidden; margin: 0; padding: 0;}#nav li { display: inline; list-style: none; margin: 0; padding: 0;}#nav a:link, #nav a:visited { float: left; display: block; height: 37px; background-position: 0px 0px;}#nav a:hover { background-position: 0px -36px;}.divider { float: left;}#navright { float: left;}#navright { float: left;}#navhome a { width: 66px; background: url(images/navhome.gif) top left no-repeat;}#navpc a { width: 48px; background: url(images/navpc.gif) top left no-repeat;}#navps2 a { width: 105px; background: url(images/navps2.gif) top left no-repeat;}#navps3 a { width: 105px; background: url(images/navps3.gif) top left no-repeat;}#navxbox a { width: 56px; background: url(images/navxbox.gif) top left no-repeat;}#nav360 a { width: 80px; background: url(images/nav360.gif) top left no-repeat;}#navgs a { width: 50px; background: url(images/navds.gif) top left no-repeat;}#navrn a { width: 53px; background: url(images/navwii.gif) top left no-repeat;}#navmobile a { width: 53px; background: url(images/navpsp.gif) top left no-repeat;}/* user bar styles */.bar { background: url(images/bar.gif) no-repeat; width: 763px; height: 32px; margin: 3px 3px 0 3px; padding: 5px 15px; font-weight: bold; color: #253e63; overflow: hidden;}input.textbox { background: #777777; border: 1px inset #d6d6d6; font-size: 11px; color: #ffffff; padding: 2px;}td.date { text-align: right; width: 100%;}input.login { background: url(images/submit.gif) no-repeat; width: 18px; height: 18px; border: 0;}/* left bar styles */#left { float: left; margin-left: 2px; width: 212px; overflow: hidden; }html>body #left { margin-left: 3px;}.moduletop { background: url(images/menut.gif) no-repeat; width: 212px; height: 7px; overflow: hidden; }.menu { width: 212px; background: #f0f0f0; border-left: 1px solid #d6d6d6; padding: 0; overflow: hidden;}.menu ul { margin: 0; padding: 0;} .menu li { display: inline; list-style: none; margin: 0; padding: 0;}.menu a:link, .menu a:visited { display: block; width: 195px; height: 22px; background: url(images/menuo.gif) no-repeat; font-weight: bold; color: #253e63; padding: 5px 0 0 15px; text-decoration: none; margin-top: -2px; border-right: 1px solid #d6d6d6;}.menu a:hover { background: url(images/menuov.gif) no-repeat; color: #ffffff;}.modulebottom { background: url(images/menub.gif) no-repeat; width: 212px; height: 7px; margin-top: 0px; margin-bottom: 4px;}html>body .modulebottom { margin-bottom: 10px;}.moduleheader { background: url(images/modh.gif) no-repeat; width: 212px; height: 32px; color: #ffffff; font-weight: bold; padding: 10px 0 0 15px;}.modulebody { margin-top: -10px; width: 185px; padding: 7px 10px 5px 15px; background: #f0f0f0; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; overflow: hidden; }#vote { background: url(images/vote.gif) no-repeat; width: 36px; height: 18px; border: 0;}/* right bar styles */#right { width: 576px; margin-left: 216px; padding: 0;}html>body #right { margin-left: 219px;}/* news module styles */#newsheader { margin-top: 3px; width: 322px; height: 20px; background: url(images/news_top.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; padding-top: 6px; padding-left: 19px;}#newsheader a:link, #newsheader a:visited, .dockheader a:link, .dockheader a:visited { color: #ffffff; font-weight: bold;}#news { margin-top: 8px; margin-left: 2px; margin-bottom: 5px;}td.newspreview { padding: 0 0 12px 0 !important; }#news td { vertical-align: top; padding-left: 10px; padding-bottom: 12px; border-bottom: 1px solid #d3d8e0;}#news td a:link, #news td a:visited { color: #253e63; text-decoration: none;}#news td a:hover { text-decoration: underline; color:#FF7C2A;}td.list { padding-top: 8px; padding-bottom: 10px; padding-left: 30px;}.newstitle { display: block; padding-bottom: 6px; margin: 0; font-size: 12px; color: #253e63; font-weight: bold; background: url(images/newsborder.gif) left bottom no-repeat;}.newsbody { margin: 3px 0px 0 2px;}.source {text-align: center;}td.newslink { padding-top: 5px !important;}#leftcontent { float: left; width: 322px; margin-right: 1px; padding-right: 1px; }#rightcontent { position: absolute; width: 250px; padding-right: 1px; margin-left: -19px; overflow: hidden; }html>body #rightcontent { margin-left: 322px;}.dockheader { margin-top: 3px; height: 27px; background: url(images/rheader1.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; padding-top: 10px; padding-left: 15px;}.dockheader1 { width: 222px; margin-top: 3px; height: 27px; background: url(images/rheader12.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; padding-top: 10px; padding-left: 15px;}.dock { width: 285px; margin-top: -3px; margin-bottom: 5px;}.dock td { vertical-align: top; border-bottom: 1px solid #d3d8e0; padding-bottom: 15px; }td.docklist { padding-top: 8px; padding-bottom: 10px; padding-left: 30px; background: url(images/bullet.gif) no-repeat 15px;}td.dockimage { width: 100px; height: 70px;}#footer { width: 100%; float: left; font-size: 9px; color: #000000; font-weight: normal; margin-top: 5px;}#searchheader{ margin-top: 3px; width: 570px; height: 20px; background: url(images/rheader2.gif) no-repeat; color: #ffffff; font-weight: bold; text-align: center; padding-top: 6px; padding-left: 10px;} I have the border just so that I know the prob but just cannot figure it out!Now the prob is this is how the page looks in Firefox And this is how the page looks in IENow I cant figure out why there is extra space after that NFS pic ( circled Red ) And Also Why in IE the whole table is so low why isnt it aligned like in FF?Please help Link to comment Share on other sites More sharing options...
Ingolme Posted April 16, 2008 Share Posted April 16, 2008 Slow down. Post the mark-up of the image and anything containing it and only point out the CSS related to that.Lookiong through hundreds of irrelevant lines of code is a very hard job.Apart from that, your page is full of PHP includes and the problem is probably in one of the included files that I can't see. Link to comment Share on other sites More sharing options...
shujjah Posted April 16, 2008 Author Share Posted April 16, 2008 Thanks a lot I fixed it Thanks to you because without your reply I wouldn't have checked my css again so thanks Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.