HTML designen blir konstig

NiGHTFiREMedlem sedan maj 200614 inlägg

23 maj 2006 12:40#1

Hejsan.
Här är min kod:

<?php
  include("db.php");
  include("functions.php");
  ?>
<!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=iso-8859-1" />
<title>Untitled Document</title>

<!-- Importerar Egenskaperna till sidan -->
<link href="page_properties.css" rel="stylesheet" type="text/css" />
</head>
<body>

<!-- Page Wrap -->
<table id="wrap" cellspacing="0">

	<!-- Contents Container -->
	<tr id="container">
		<td valign="top">
		
			<!-- Top -->
			<div id="top"><a href="http://www.auktionssiten.se"><img src="img/design/logo_34x226.jpg" alt="" width="226" height="34" /></a></div>
			<!-- /Top -->
			
			<!-- Horizontal Menu -->
			<div id="h_menu_bg">
			<ul id="h_menu">
				<li class="h_menu_active"><a href="index.php">hem</a></li>
				<li><a href="auctions.php">auktioner</a></li>
				<li><a href="fin_auctions.php">avslutade auktioner</a></li>
				<li><a href="contact.php">kontakt oss</a></li>
				<li id="last_menu_button"><a href="help.php">hjälp</a></li>
			</ul>
			</div>
			<!-- /Horizontal Menu -->
			
			<!-- Menu fade -->
			<div id="menu_fade"></div>
			<!-- /Menu fade -->
			
			<!-- Contents -->
			<!-- Left -->
			<div id="left">
				<h5>V&Auml;LKOMMEN TILL AUKTIONSSITEN.SE  </h5>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum acilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum acilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis.
				</p>
			</div>
			<!-- /Left -->
			
			<div class="vhr"></div>
			
			<!-- Right -->
			<div id="right">
				<h5>DEN SENASTE UPPLAGDA AUKTIONEN</h5>
						<?php
  $sql = "SELECT COUNT(id) FROM auction where status='ny'";
  $result = mysql_query($sql);
  echo mysql_error();
  //$limit = 3; // Antal "nya" nyheter

  $row = @mysql_fetch_array($result); 
  $numrows = mysql_result($result, 0); // antal i databasen 

  if (mysql_result ($result , 0) <= 0)
  {
      print '<br>Finns inga auction ännu!<br>';
  }

  else
  {
      $result = mysql_query("SELECT * FROM auction where status='ny' ORDER BY id DESC LIMIT 1");
     for ($x = 0; $x < mysql_num_rows($result); $x++)
      {
          $row = mysql_fetch_array($result);

          print '<table align="left" width="150" border="0"><tr>';

          print '<table border="0" width="150"><tr><td>'.$row['datum_borja'].'<br><b>'.$row['auktionnamn'].'&nbsp;</b></td>';
          //print '<td>Av: '.$row['skrivar_id'].'</td>';
          print '</tr></table><hr noshade="noshade">';

          $text = $row[info];
          print text_replace($text);

          print '</tr></td></table><br>';

      }
  }

?>
				<p><a href="#"><img style="float: left;" title="Produktnamn" src="img/products/l098313f.jpg" border="0" /></a>
				<a href="#"><img style="float: right;" title="Lägg ett bud!" src="img/design/startpage_img/bud_knapp_36x147.jpg" width="147" height="36" border="0" /></a></p>
			</div>
			<!-- /Right -->
			
			<!-- Breake/Clear -->
			<br />
			<!-- /Breake/Clear -->
			<div class="hhr"></div>
			<!-- Both -->
			<div id="both">
				<h5>Så här går det till!</h5>
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum acilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum acilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis.
				</p>
			</div>
			<!-- /Both -->
			<!-- /Contents -->
		</td>
	</tr>
	<!-- /Contents Container -->
	
	<tr>
		<!-- Footer -->
		<td id="footer">Copyright &copy; 2006 <a href="http://www.auktionssiten.se">Auktionssiten.se</a></td>
		<!-- /Footer -->
	</tr>
</table>
<!-- /Page Wrap -->

</body>
</html>

Det är min kod och detta blir resultatet:
http://wmegn.mine.nu/emil/

Så här går det till kommer under footern. Varför?
Säg till om ni behöver min CSS fil.
MvH,
David

tantenMedlem sedan nov. 20051 596 inlägg

23 maj 2006 13:01#2

Här har du avslutat något som aldrig öppnats. Kanske det får allt att komma på plats, om du tar bort dem.

<!-- /Contents -->
		</td>
	</tr>

	<!-- /Contents Container -->

Vet inte om det hjälper, men sedan har du också använt en del otillåten kodning för Doctypen, som du bör se över... :)

NiGHTFiREMedlem sedan maj 200614 inlägg

23 maj 2006 13:11#3

Hjälpte inte

tantenMedlem sedan nov. 20051 596 inlägg

23 maj 2006 13:28#4

Gå in här och räta felen, för nu blev det så att du stängt någon </div> också som inte finns och att du satt in en table i tr... och lite mer. http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwmegn.mine.nu%2Femil%2F
När dem felen är rättade så är det lättare att se om felet finns i css-filen, men jag tror inte det.

Välkommen till WF :bire