Jump to content

ANNOYING!! Alignment issue

liamloveslearning

By liamloveslearning
in CSS Help

 Share

Recommended Posts

liamloveslearning Advanced Member

liamloveslearning

Posted
Posted

Hi everyone, Ive got a page that loads with everything centered, only after its fully loaded it all shoots to the left? you can see what i mean here http://99jobs.co.uk/index2.php

 

heres my code for the page

 

<?php require_once(''); ?>

$query_rsfolio1 = "SELECT folio.title, folio.Description, folio.file, folio.category, folio.id FROM folio WHERE {$NXTFilter_rsfolio1} ORDER BY folio.id";
$query_limit_rsfolio1 = sprintf("%s LIMIT %d, %d", $query_rsfolio1, $startRow_rsfolio1, $maxRows_rsfolio1);
$rsfolio1 = mysql_query($query_limit_rsfolio1, $neiladmin) or die(mysql_error());
$row_rsfolio1 = mysql_fetch_assoc($rsfolio1);

if (isset($_GET['totalRows_rsfolio1'])) {
  $totalRows_rsfolio1 = $_GET['totalRows_rsfolio1'];
} else {
  $all_rsfolio1 = mysql_query($query_rsfolio1);
  $totalRows_rsfolio1 = mysql_num_rows($all_rsfolio1);
}
$totalPages_rsfolio1 = ceil($totalRows_rsfolio1/$maxRows_rsfolio1)-1;
//End NeXTenesio3 Special List Recordset//NeXTenesio3 Special List Recordset
$maxRows_rsfolio1 = $_SESSION['max_rows_nav_listfolio2'];
$pageNum_rsfolio1 = 0;
if (isset($_GET['pageNum_rsfolio1'])) {
  $pageNum_rsfolio1 = $_GET['pageNum_rsfolio1'];
}
$startRow_rsfolio1 = $pageNum_rsfolio1 * $maxRows_rsfolio1;

// Defining List Recordset variable
$NXTFilter_rsfolio1 = "1=1";
if (isset($_SESSION['filter_tfi_listfolio2'])) {
  $NXTFilter_rsfolio1 = $_SESSION['filter_tfi_listfolio2'];
}
// Defining List Recordset variable
$NXTSort_rsfolio1 = "folio.title";
if (isset($_SESSION['sorter_tso_listfolio2'])) {
  $NXTSort_rsfolio1 = $_SESSION['sorter_tso_listfolio2'];
}
mysql_select_db($database_neiladmin, $neiladmin);

$query_rsfolio1 = "SELECT folio.title, folio.Description, folio.file, folio.category, folio.id FROM folio WHERE {$NXTFilter_rsfolio1} ORDER BY folio.id DESC";
$query_limit_rsfolio1 = sprintf("%s LIMIT %d, %d", $query_rsfolio1, $startRow_rsfolio1, $maxRows_rsfolio1);
$rsfolio1 = mysql_query($query_limit_rsfolio1, $neiladmin) or die(mysql_error());
$row_rsfolio1 = mysql_fetch_assoc($rsfolio1);

if (isset($_GET['totalRows_rsfolio1'])) {
  $totalRows_rsfolio1 = $_GET['totalRows_rsfolio1'];
} else {
  $all_rsfolio1 = mysql_query($query_rsfolio1);
  $totalRows_rsfolio1 = mysql_num_rows($all_rsfolio1);
}
$totalPages_rsfolio1 = ceil($totalRows_rsfolio1/$maxRows_rsfolio1)-1;
//End NeXTenesio3 Special List Recordset

$nav_listfolio2->checkBoundries();
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Work Of Neil Martin</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-color: #FFFFFF;
}
#header {
width: 100%;
height: 105px;
background: #000000;
margin: 0 auto;
border: 0px;
text-align: center;
}
html, body {
height: 100%;
}
#contactinfo {
position: relative;
width: 175px;
top: -110px;
left: 385px;
margin: 0 auto;
border: 0px;
text-align: right;
background: #000000;
color: #CCCCCC;
}
#artworkcontainer {
width: 100%;
margin: 0 auto;
border: 0px;
text-align: center;
}
#artworkthumbnail {
width: 950px;
margin: 0 auto;
}
.artworkborder {
border: 1px solid #CCCCCC;
}
#artworkdescription {
position: relative;
top: 15px;
width: 948px;
border: 1px solid #CCCCCC;
overflow: hidden;
background: #f2f2f2;
background-image: url(descriptionbg.gif);
background-repeat: repeat-y;
background-color: #f2f2f2;
}
* html #artworkdescription {
height: 1%;
overflow: visible;
}
#artworkwho, #artworkwhat, #artworkwhere {
margin-left: 1.2%;
width: 14%;
border: 0px;
float: right;
}
#artworkwhy {
margin-left: 2%;
margin-right: 2%;
width: 46.5%;
border: 0px;
float: right;
margin-top: -3px;
}
.whowhatwheretext {
font-size: 12px;
}
#divider {
position: relative;
width: 950px;
top: 0px;
margin: 0 auto;
border: 0px;
height: 31px;
padding-top: 30px;
padding-bottom: 15px;
}
.oneColFixCtr #container {
width: 100%;
background: #FFFFFF;
margin: 0 auto;
border: 0px;
text-align: center;
}
.oneColFixCtr #mainContent {
width: 950px;
padding: 0 0px;
margin: 0 auto;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 18px;
}
h1 {
font-size: 24px;
color: #00416a;
font-weight: normal;
}
h2 {
font-size: 24px;
color: #b20000;
font-weight: normal;
}
#navcontainer {
position: relative;
left: 626px;
top: -10px;
width: 314px;
height: 26px;
padding: 0;
margin: 0px 0 0px 0;	
}

#nav {
position: absolute;
top: 10px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
height: 314px;
display: inline;
overflow: hidden;
width: 314px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 26px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:26px; /* for IE5/Win */
}
#nav a:hover {
background-position: 0 -26px;
}

#nav a:active, #nav a.selected {
background-position: 0 -40px;
}
#navtheworkof a  {
width: 90px;
background: url(theworkof.gif) top left no-repeat;
}
#navthewordsof a  {
width: 97px;
background: url(thewordsof.gif) top left no-repeat;
}
#navwhoisnm a  {
width: 127px;
background: url(whoisnm.gif) top left no-repeat;
}
#footer {
position: relative;
width: 100%;
height: 50% !important;
background: #000000;
margin: 0 auto;
border: 0px;
text-align: center;
}
#footercontainer {
width: 950px;
padding: 0 0px;
padding-top: 40px;
padding-bottom: 40px;
margin: 0 auto;
}
#footerresources {
width: 300px;
float: left;
text-align: left;
padding-right: 24px;
}
#footerperiodicals {
width: 300px;
float: left;
text-align: left;
}
#footerpersonals {
width: 300px;
float: right;
text-align: left;
}
#footer a {
color: #999999;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
#footer a:link {
color: #999999;
text-decoration: none;
}
#footer a:active {
color: #999999;
text-decoration: none;
}
#footer a:visited {
text-decoration: none;
}
-->
</style>
<script type="text/javascript">
$NXT_LIST_SETTINGS = {
  duplicate_buttons: false,
  duplicate_navigation: false,
  row_effects: false,
  show_as_buttons: false,
  record_counter: false
}
</script>
<style type="text/css">
  /* Dynamic List row settings */
  .KT_col_file {
width:948px;
overflow:hidden;
background-color: #CCCCCC;
height: 298px;
}
  .KT_col_title {width:140px; overflow:hidden;}
  .KT_col_Description {width:140px; overflow:hidden;}
  .KT_col_category {width:140px; overflow:hidden;}
.KT_col_file1 {width:140px; overflow:hidden;}
</style>
<link href="includes/skins/mxkollection3.css" rel="stylesheet" type="text/css" media="all" />
<script src="includes/common/js/base.js" type="text/javascript"></script>
<script src="includes/common/js/utility.js" type="text/javascript"></script>
<script src="includes/skins/style.js" type="text/javascript"></script>
<script src="includes/nxt/scripts/list.js" type="text/javascript"></script>
<script src="includes/nxt/scripts/list.js.php" type="text/javascript"></script>
<style type="text/css">
  /* Dynamic List row settings */
  .KT_col_title {width:140px; overflow:hidden;}
  .KT_col_Description {width:140px; overflow:hidden;}
  .KT_col_file {
width:948px;
overflow:hidden;
}
  .KT_col_category {width:140px; overflow:hidden;}
.KT_col_title1 {width:140px; overflow:hidden;}
.KT_col_title1 {width:140px; overflow:hidden;}
.KT_col_Description1 {width:140px; overflow:hidden;}
.KT_col_Description1 {width:140px; overflow:hidden;}
.KT_col_category1 {width:140px; overflow:hidden;}
.KT_col_category1 {width:140px; overflow:hidden;}
.KT_col_file2 {
width:948px;
overflow:hidden;
background-color: #F3F3F3;
height: 298px;
border: thin solid #999999;
}
.KT_col_file2 {	width:948px;
overflow:hidden;
}
.style1 {
font-size: 24px;
color: #00416a;
}
.style2 {
color: #b20000;
font-size: 24px;
}
</style>
</head>

<body class="oneColFixCtr">

<div id="container">
<div id="header"><img src="logo.gif" alt="Logo" width="300" height="104" /></div>
  <div id="mainContent">
  <div id="navcontainer">
  	<ul id="nav">
<li id="navtheworkof"><a href="http://www.theworkof.co.uk">The Work Of</a></li>
<li id="navthewordsof"><a href="/blog">The Words Of</a></li>
<li id="navwhoisnm"><a href="/bio/bio.html">Who Is Neil Martin?</a></li>
</ul>
  </div>
    <div id="contactinfo">email: neil@theworkof.co.uk</div>
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- being artwork -->
    <!-- end #mainContent -->
  </div>
  <!-- end #container --></div>
   <br />
   <br />
   <div class="KT_tng" id="listfolio2">
     <div align="center" class="KT_tnglist">
    <form action="<?php echo KT_escapeAttribute(KT_getFullUri()); ?>" method="post" id="form1">
      <div class="KT_options"></div>
      <div align="center"></div>
      <table align="center" cellpadding="2" cellspacing="0" class="KT_tngtable">
        <thead>

          <?php 
  // Show IF Conditional region3
  if (@$_SESSION['has_filter_tfi_listfolio2'] == 1) {
?>
          <?php } 
  // endif Conditional region3
?>
        </thead>
        <tbody>
          <?php if ($totalRows_rsfolio1 == 0) { // Show if recordset empty ?>
          <tr>
            <td colspan="12"><?php echo NXT_getResource("The table is empty or the filter you've selected is too restrictive."); ?></td>
          </tr>
          <?php } // Show if recordset empty ?>
          <?php if ($totalRows_rsfolio1 > 0) { // Show if recordset not empty ?>
          <?php do { ?>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"><div align="center" class="KT_col_file2"><img src="folio/<?php echo $row_rsfolio1['file']; ?>" alt="" align="middle" /></div>
              <div align="center"></div></td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"> </td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td width="10" valign="top" bgcolor="#E6E6E5"> </td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div><span class="style1"><br />
              Who</span><br />
  <span class="KT_col_title1"><?php echo KT_FormatForList($row_rsfolio1['title'], 20); ?></span><br />
            </div></td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div align="left"><span class="style1"><br />
              What</span><br />
              <span class="KT_col_category1"><?php echo KT_FormatForList($row_rsfolio1['category'], 20); ?></span></div></td>
            <td width="140" valign="top" bgcolor="#E6E6E5"><div align="left"><span class="style1"><br />
              Where</span></div></td>
            <td width="10" bgcolor="#E6E6E5"> </td>
            <td width="14" bgcolor="#F3F3F3"> </td>
            <td width="470" valign="top" bgcolor="#F3F3F3"><div align="left"><span class="style2"><br />
              Why</span><br />
              <span class="KT_col_Description1"><?php echo KT_FormatForList($row_rsfolio1['Description'], 20); ?></span><br />
              <br />
            </div></td>
          </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"><div align="center"><br />
              <img src="divider.gif" alt="Divider" width="950" height="31" /></div></td>
            </tr>
          <tr class="<?php echo @$cnt1++%2==0 ? "" : "KT_even"; ?>">
            <td colspan="7"> </td>
          </tr>
          <?php } while ($row_rsfolio1 = mysql_fetch_assoc($rsfolio1)); ?>
          <?php } // Show if recordset not empty ?>
        </tbody>
      </table>
      <div class="KT_bottomnav">
        <div>
          <?php
            $nav_listfolio2->Prepare();
            require("includes/nav/NAV_Text_Navigation.inc.php");
          ?>
        </div>
      </div>
      <div class="KT_bottombuttons">
        <div class="KT_operations"></div>
      </div>
    </form>
  </div>
  <br class="clearfixplain" />
</div>
<p> </p>
</p>
<br />
   <br />
</div>
   <div id="footer" class="hover">
 <div id="footercontainer">
       		 <div id="footerresources">
                 <img src="footerresources.gif" alt="Resources" width="300" height="7" />
                 <p><a href="http://www.cl.cam.ac.uk/~mgk25/iso-paper.html">Paper Sizes</a><br /> 
                 Gives an explanation of the ISO standard paper size system, with a range of paper sizes.</p>
                 <p><a href="http://www.gapingvoid.com/Moveable_Type/archives/000876.html">How to be Creative</a><br />
                 A list of useful tips on how to get your creative juices flowing.</p>
                 <p><a href="http://www.dafont.com">DaFont</a><br />
                 The best database of freeware fonts.</p>
                 <p><a href="http://www.bluevertigo.com.ar/bluevertigo.htm">Blue Vertigo</a><br />
                 A resource for resources!</p>
                 <p><a href="http://psdtuts.com/">PSD Tuts</a><br />
                 Thoroughly explained tutorials that always come in handy.</p>
                 <p><a href="http://www.sxc.hu/index.phtml">Stock.xchng</a><br />
                 The best site for royalty free stock photography</p>
   </div>
                <div id="footerperiodicals">
                <img src="footerperiodicals.gif" alt="Periodicals" width="300" height="7" />
                <p><a href="http://www.alistapart.com">A List Apart</a><br />
                An excellent resource with well written articles on web design.</p>
                <p><a href="http://www.designobserver.com">Design Observer</a><br />
                One of the best web magazines/blogs on graphic design, amongst other things.</p>
                <p><a href="http://ilovetypography.com">I Love Typography</a><br />
                If typography is your thing, so is this great blog.</p>
                </div>
       			<div id="footerpersonals">
                <img src="footerpersonals.gif" alt="Personals" width="300" height="7" />
                 <p><a href="http://alanlbw.wordpress.com">Alan Leatherbarrow</a><br />
                 A photographer from my home city of Liverpool.</p>
                 <p><a href="http://draw.vox.com/">Marc Johns</a><br />
                 A subtly amusing illustrator from Canada.</p>
                 <p><a href="http://www.davidairey.com/">David Airey</a><br />
                 A very popular logo designer, with a very popular website.</p>
                 <p><a href="http://jefffisherlogomotives.blogspot.com/">Jeff Fisher</a><br />
                 A logo designer who often goes into detail about the design process.</p>
                 <p><a href="http://kkwu.wordpress.com/">K3n</a><br />
                 Keeps people updated on various design-related news.</p>
                 <p><a href="http://blog.signalnoise.com/">Jeff White</a><br />
                 A great blog on general design and his own work.</p>
       			</div>
        	</div>
</div>
</body>
</html>
<?php
mysql_free_result($rsfolio1);
?>

 

if anyone could help that would be amazing, thanks

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.