[PHP]Probleme mit Tabelle

samotyr · 8. Dezember 2007

Hallo Leute,

Ich hab für einen Bekannten eine Internetpräsenz erstellt.

Das Problem ist, dass wenn man im Menü auf den Link "Angebote" klickt, sich das gesamte Layout um 20-30 Pixel "verschiebt", was natürlich dann ziemlich häßlich aussieht. Dieses Problem tritt nur bei dieser einen Unterseite auf, alle anderen öffnen sich so, wie sie sollen.

Alle Seiten sind laut dem Validator valide, auch das Stylesheet.

Hier der Code der verbuggten Unterseite:

Code:

<!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" lang="de" xml:lang="de">

  <head>
    <meta http-equiv="Content-Type" content= "text/html; charset=iso-8859-1" />
    <link rel="stylesheet" href="style.css" type="text/css" />
  
	<title>Angebote</title>
		<script type="text/javascript">
			function FensterOeffnen (Adresse) {
				  MeinFenster = window.open(Adresse, "Zweitfenster", "left=100,top=200, resizable=yes");
				  MeinFenster.focus();
			}
		</script>

  </head>

  <body>
	<div class="headpanel">
		<h1>Angebote</h1>
	</div>
<?php
    error_reporting(E_ALL);

	include './inc/functions.php';
	include './inc/config.php';

	@mysql_connect(MYSQL_HOST, MYSQL_USER, MYSQL_PASS) OR die(mysql_error());
    mysql_select_db(MYSQL_DATABASE) OR die(mysql_error());

    $sql = "SELECT
                Nummer, Name, Hersteller, Modell, Beschreibung, Preis, Vorschau, Bild
            FROM
                tab
            ORDER BY
                Nummer ASC;";

    $result = mysql_query($sql) OR die(mysql_error());
	echo"<div class=\"bodytext\"><br />\n";

	if(mysql_num_rows($result)) {
		echo"		<table border=\"1\" rules=\"rows\" cellpadding=\"1\" cellspacing=\"1\">\n
						<thead>\n
							<tr>\n
								<th style=\"width:118px\">Ger&auml;t</th>\n
								<th style=\"width:90px\">Hersteller</th>\n
								<th style=\"width:80px\">Modell</th>\n
								<th style=\"width:180px\">Beschreibung</th>\n
								<th style=\"width:140px\">Bilder</th>\n
								<th style=\"width:142px\">Vorschau</th>\n
							</tr> \n
						</thead>\n";

		while($row = mysql_fetch_assoc($result)) {
			$param = holelink($row['Bild']);
			$preview = zeigeBild($row['Vorschau']);

			echo"		<tbody align=\"center\" valign=\"middle\" style=\"height:142px\">\n
							<tr>\n
								<td>" .$row['Name']." </td>\n
								<td>" .$row['Hersteller']." </td>\n
								<td>" .$row['Modell']." </td>\n
								<td>" .$row['Beschreibung']." </td>\n
								<td>" .$param." </td>\n
								<td>" .$preview. "</img> </td>\n
							</tr>\n";
		}
	}
			echo"		</tbody>\n
					</table>\n
				</div>\n";

?>
  </body>
</html>

Das hier ist meine Hauptseite:

Code:

<!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" lang="de" xml:lang="de">

<?php
	include "config.php";
?>

<head>
  <meta name="author" content="xxxxx xxxxxxxxx" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link rel="stylesheet" href="./style.css" type="text/css" />
  <link rel="shortcut icon" href="images/favicon.ico" />

  <title>Vakuumtechnik und Photolithographie - Helmut Heller
  GmbH</title>
</head>

<body>
  <div id="page" align="center">
    <div id="content" style="width:1024px">
      <!-- Headmenu-->
      <?php include "head.php";?>
	  
	  <!-- Inhalt-->
      <div id="mitte">
        <?php include "inhalt.php"; ?>
      </div>
	  
	  <!-- Auktionen-->
      <!--div id="angebote">
        <?php //include "angebote.php"; ?>
      </div-->
	  
	  <!-- Tail-->
      <!--div id="tailmenu" class="smallgraytext">
        <?php include "tail.php"; ?>
      </div-->
	  
	  <!-- Close-->
      <!--div id="close" class="smallgraytext">
        &copy; 2007 xxxx xxxxxxxxxxx
      </div-->
    </div>
  </div>

</body>
</html>

Und hier noch das Stylesheet:

Code:

/* Main Layout */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*
#tailmenu{
	float:left; 
	width:824px; 
	background-color:#F0F0F0; 
	padding:10px;
	margin-top:10px;
}

#close{
	float:right; 
	width:824px; 
	padding:10px;
	margin-top:3px;
	position:relative;
}
*/
#mitte{
	float:right; 
	width:750px;
}

#angebote{
	float:left; 
	width:174px;
	height:360px;
}

#menu{
	float:right; 
	width:750px; 
	height:32px; 
	background-image:url(images/bg_menu.gif); 
	background-repeat:repeat-x;
}

#submenu{
	float:right; 
	width:750px; 
	height:32px; 
	background-image:url(images/bg_submenu.gif); 
	background-position:top; 
	background-repeat:repeat-x;
}

#logo{
	float:left; 
	width:274px;
	height:213px;
	background-image:url(images/logo.gif); 
}

#topheader{
	float:right; 
	width:750px; 
	height:97px; 
	background-color:#F0F0F0; 
	position:relative;
}

#toplinks{
	position:absolute; 
	right:10px; 
	top:10px;
}

#topflaggen{
	position:absolute; 
	right:5px; 
	top:70px;
}

/*	Content Layout	*/
#ro{
	float:left; 
	position:relative; 
	right:0px; 
	top:0px;
	vertical-align:top;
}

#ru{
	position:relative; 
	right:45px; 
	top:120px; 
}

#lo{
	float:left; 
	position:relative; 
	right:0px; 
	top:0px; 
}

#lu{
	float:right; 
	position:relative; 
	right:5px; 
	top:140px; 
}


#gitter{
	float:right; 
	position:relative; 
	right:15px; 
	top:10px; 
}

#unten{
	float:right; 
	position:relative; 
	right:100px; 
	top:70px; 
}


/*	Panels	*/
.graypanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7; 
	padding:10px; 
	margin:10px;
}

.ipanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7; 
	padding:10px; 
	margin:0px;
}

.closepanel{
	border:solid 0px #FFFFFF; 
	background-color:#FFFFFF; 
	padding:0px; 
	margin:0px;
}


.headpanel{
	border:solid 0px #666666; 
	background-color:#F0F0F0; 
	padding:5px; 
	margin-top:10px; 
	margin-bottom:10px;
}

/*	Text styles	*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.headline {
	font: 0.7em Tahoma, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}

.blacktitle {
	font: 0.7em Verdana, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000000;
}

.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}

.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}

/* Pseudoklassen	
	Hellgrau: #F7F7F7
	Dunkelgrau:	#F0F0F0		*/

.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

.smallgraytext a:hover{
	text-decoration:underline;
}

.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}

/* Anti Spam	*/
.rare {
	width:5px;
	visibility:hidden;
}

/* Überladene HTML Objekte	*/
h1{
	font: 0.7em Tahoma, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#CC0000;
	margin:0px;
}

ul{
	list-style-type:square;
	list-style-position: inside;
}

li{
	margin-top:15px;
	font-size:larger;
	color:#CC0000;
}

Anschauen könnt ihr die Seite hier:
http://www.helmut-heller.de/
Klickt man auf "Angebote" verschiebt sich die Seite...

Für einen freundlichen Tipp wäre ich sehr dankbar!

mfg,
samotyr

Adagio · 8. Dezember 2007

Im Firefox verschiebt sich überhaupt nichts? Oder meinst du etwa, dass die Seite 20px nach rechts springt?

Das ist total normal, weil ja der Scrollbalken dann erscheint, der dann halt Platz braucht.

samotyr · 8. Dezember 2007

Haha, das ist es

Und ich wunderte mich warum es im IE nicht gesprungen ist, dort ist der Scrollbalken auf der Seite immer da

Da war ich wohl einfach zu fixiert auf den Code.
Vielen Dank, jetzt kann ich wenigstens wieder ruhig schlafen.

Adagio · 8. Dezember 2007

Na dann ... gute Nacht ^^

Suche

[PHP]Probleme mit Tabelle

samotyr

Gast

Adagio

Gast

samotyr

Gast

Adagio

Gast

Ähnliche Themen