HTML Tabelle feste Breite

Kasino · 24.04.2012

Hallo Libe Community,

ich habe schon viles ausprobiert bekomme es jedoch nicht hin... Egal was ich mache die Breite der beiden Zeilen verändert sich mit der Größe des Inhalts. Besitzt die Zeile keinen Inhalt ist die Größe Perfekt so wie ich es angeben habe. Jedoch wenn zu viel Text drinnen steht werden die Spalten größer.
Habt Ihr vllt. eine Ahnung wie es funktionieren kann?

MFG Kasino

Code:

<form action="Projekt_Neugart_Ausgabe.php" method="post">
			<table border="1" cellpadding="1" cellspacing="1">
				   <tr>
				<td bgcolor="#FF6363" width="550" height="100%" >
					  <b>Status: <?php echo $row['status'];  ?> - </b> <?php echo $row['titel'];  ?> <input type="radio" name="auswahl" value="<?php echo $row['id']; ?>" /> Gelöst     <input type="submit" name="speichern" value="Speichern"/>
						 </td>
					</tr>
					<tr>
						 <td bgcolor="#C7C7C7" width="550">
						 Am <b><?php echo $row['datum']; ?></b> um <b><?php echo $row['uhrzeit']; ?></b> schrieb <b><?php echo $row['name']; ?> </b>
						 <br />
						 <br />
						 <?php echo $row['text']; ?>
						 </td>
					 </tr>
			</table>

            </form>

Adam Gontier · 25.04.2012

Hi,

ich habs gerade getestet, selbst wenn zu viel Text drinn steht bleibt die Größe der Spalten gleich.

Gruß

pointX · 25.04.2012

Sowas wie

Code:

<table border="1" cellpadding="1" cellspacing="1"
oder
<td bgcolor="#FF6363" width="550"

macht man heutzutage normalerweise mit CSS, ich weiß nichtmal ob das noch HTML-5 / CSS3 valide ist, auf jedenfall sieht´s nicht schön aus m.M.n.

Welchen Browser verwendest du ?

Kasino · 25.04.2012

Es funktionert bei keinen Browser ...

pointX · 25.04.2012

Dein Code (siehe unten, um langen lorem ipsum text und doctype+header ergänzt) funktioniert einwandfrei in Firefox 11, IE9, Chrome, auch wenn der Code m.M.n. sehr unsauber ist.

Fehlerquellen:
- kein doctype / header?
- noch irgend eine alte Version im Cache ?
- wird HTML-Code durch PHP eingeschleust und zerschiest dir so die Tabelle ?

Code:

<Doctype html>
<html>
	<head>
		<style type="text/css">
		
		</style>
	</head>
	<body>

<form action="Projekt_Neugart_Ausgabe.php" method="post">
			<table border="1" cellpadding="1" cellspacing="1">
				   <tr>
				<td bgcolor="#FF6363" width="550" height="100%" >
					  <b>Status: <?php echo $row['status'];  ?> - </b> <?php echo $row['titel'];  ?> <input type="radio" name="auswahl" value="<?php echo $row['id']; ?>" /> Gelöst     <input type="submit" name="speichern" value="Speichern"/>
						 </td>
					</tr>
					<tr>
						 <td bgcolor="#C7C7C7" width="550">
						 Am <b><?php echo $row['datum']; ?></b> um <b><?php echo $row['uhrzeit']; ?></b> schrieb <b><?php echo $row['name']; ?> </b>
						 <br />
						 <br />
						 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.  Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
						 </td>
					 </tr>
			</table>

            </form>
	</body>
</html>

Trotzdem meine Empfehlung: schreib es nochmal neu mit CSS nach CSS3 & HTML5

Kasino · 26.04.2012

Php ist mit vorhanden aber suaber getrennt. Ich poste mal den ganzen Code.

Code:

<html>
    <head>
     <META HTTP-EQUIV="Refresh" CONTENT="30">
    </head>

<body>
	<?php
		$db_name = "edvsystem";
		$db_host = "localhost";
		$db_user = "root";
		$db_password ="";
		$db_verbindung = mysql_connect($db_host,$db_user,$db_password) or die ("Verbindung zum Server fehlgeschlagen");

		mysql_select_db($db_name) or die ("Verbindung zur Datenbank fehlgeschlagen");

        echo "Stand: <b>".date("H:i")." Uhr ".date("s")." Sekunden</b>";
        echo '<br />';
        echo "Diese Seite aktualisiert sich alle 30 Sekunden selbstständig.";
        echo '<br />';


        echo '<br />';
        $ergebnis = mysql_query("SELECT * FROM systemstatus where `status` = 'Offen' order by `datum`,`uhrzeit` DESC");
        while($row = mysql_fetch_array($ergebnis))
        {
        ?>
        <form action="Projekt_Neugart_Ausgabe.php" method="post">
			<table border="1" cellpadding="1" cellspacing="1">
				   <tr>
				<td bgcolor="#FF6363" width="550" height="100%">
					  <b>Status: <?php echo $row['status'];  ?> - </b> <?php echo $row['titel'];  ?> <input type="radio" name="auswahl" value="<?php echo $row['id']; ?>" /> Gelöst     <input type="submit" name="speichern" value="Speichern"/>
						 </td>
					</tr>
					<tr>
						 <td bgcolor="#C7C7C7" width="550">
						 Am <b><?php echo $row['datum']; ?></b> um <b><?php echo $row['uhrzeit']; ?></b> schrieb <b><?php echo $row['name']; ?> </b>
						 <br />
						 <br />
						 <?php echo $row['text']; ?>
						 </td>
					 </tr>
			</table>

            </form>

		<?php
		}

		if(isset($_POST['auswahl']))
		{
			$id = mysql_real_escape_String($_POST['auswahl'],$db_verbindung);
			$query="UPDATE systemstatus SET `status` = 'Geloest' WHERE `id`=".$id;
			mysql_query($query,$db_verbindung) or die (mysql_error());
		}




		$ergebnis = mysql_query("SELECT * FROM systemstatus where `status` = 'Geloest' order by `datum`,`uhrzeit` DESC");
		while($row = mysql_fetch_array($ergebnis))
		{
		?>


       <form>
      <table border="1" cellpadding="1" cellspacing="1" width="550">
               <tr>
            <td bgcolor="#00E900" width="550" >
                  <b>Status: <?php echo $row['status'];  ?> - </b> <?php echo $row['titel'];  ?>

                     </td>
                </tr>
                <tr>
                     <td bgcolor="#C7C7C7" width="550">
                     Am <b><?php echo $row['datum']; ?></b> um <b><?php echo $row['uhrzeit']; ?></b> schrieb <b><?php echo $row['name']; ?> </b>
                     <br />
                     <br />
                     <?php echo $row['text']; ?>
                     </td>
                 </tr>
        </table>
    </form>
    <?php
    }
     ?>



</body>
</html>

nehalist · 01.05.2012

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" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
        <title>This is title. Title is important.</title>
        <style type="text/css">
            body, form, html, input {
                margin: 0; padding: 0;
            }

            table {
                width: 550px;
            }
        </style>
    </head>

<body>
        <form action="Projekt_Neugart_Ausgabe.php" method="post">
			<table border="1" cellpadding="1" cellspacing="1">
				   <tr>
				<td bgcolor="#FF6363">
					  <b>Status: </b> <input type="radio" name="auswahl" value="" /> Gelöst     <input type="submit" name="speichern" value="Speichern"/>
						 </td>
					</tr>
					<tr>
						 <td bgcolor="#C7C7C7">
						 test
						 </td>
					 </tr>
			</table>

            </form>


      <table border="1" cellpadding="1" cellspacing="1">
               <tr>
            <td bgcolor="#00E900">
                  <b>Status: - </b>

                     </td>
                </tr>
                <tr>
                     <td bgcolor="#C7C7C7">
                     Am <b></b> um <b></b> schrieb <b> </b>
                     <br />
                     <br />
                     </td>
                 </tr>
        </table>



</body>
</html>

W3C konform, alle Tabellen gleich lang, "wenigstens ein bisschen" schöner. PHP darfst du selber wieder einbauen.
Nebenbei:

Php ist mit vorhanden aber suaber getrennt.

Nunja, wenn das deine Definition von "sauber" ist, bin ich wirklich nicht auf die "unsaubere" neugierig :fresse:

Suche

HTML Tabelle feste Breite

Kasino

Neuling

Adam Gontier

Enthusiast

pointX

Neuling

Kasino

Neuling

pointX

Neuling

Kasino

Neuling

nehalist

Enthusiast

Ähnliche Themen