text geht über <table> hinaus.

sjan · #1 (**permalink**) 26.02.2012, 19:43

bin anfänger und verzweifle gerade an folgendem problem.

der text geht über die tabelle im weissen feld hinaus. seht selbst:

welcome!

was mache ich falsch!? zudem ist das bild nicht in der mitte des weissen feldes.
und was muss ich verändern, damit sowohl der text als auch das bild mitwandern, wenn ich das window kleiner mache.

danke für eure hilfe!

quellcode:
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php
// start.php
$fileToInclude = "home.inc.php";

if (isset($_GET["site"]))
{
$site = $_GET["site"];
if (strlen($site) != 0)
{
if ($site == "about")
$fileToInclude = "about.inc.php";

if ($site == "recent")
$fileToInclude = "recent.inc.php";
}
}
?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>welcome!</title>
<style type="text/css">
<!--
#wrapper {
background-color: #F6F6F6;
}
#main {
background-color: #FFFFFF;
-khtml-border-radius: 10px;
height: auto;
width: 90%;
margin-top: 1cm;
margin-right: 1cm;
margin-left: 1cm;
}
#tabkopf {
margin-top: 1cm;
width: 53%;
}
#tabmain {
width: 100%;
height: auto;
}
.Stil2 {
font-family: "Reprise Stamp"; font-size: 24px;
}
</style>
</head>

<body id="wrapper">
<div>
<table id="tabkopf" align="center" border="0">
<tr>
<td><div align="center" class="Stil2"><a href="index.php">home
</a></div></td>
<td><div align="center" class="Stil2"><a href="index.php?site=about">about </a></div></td>
<td><div align="center" class="Stil2"><a href="index.php?site=recent"> recent</a></div></td>
</tr>
</table>
</div>

<div id="main">
<table id="tabmain">
<tr>
<td><? include($fileToInclude); ?></td>
</tr>
</table>
</div>
</body>

</html>

gato · #2 (**permalink**) 26.02.2012, 19:56

Zitat:

Zitat von sjan

bin anfänger

Beschäftige dich eingehend mit einem Standardwerk, das sich an Anfänger richtet: Little Boxes.

Zitat:

Zitat von sjan

und verzweifle gerade an folgendem problem.

der text geht über die tabelle hinaus. seht selbst:

Das Problem kann ich nicht nachvollziehen.

Oh, du meinst vermutlich, dass der Text nicht umbricht, wenn du ein schmales Browserfenster erzeugst. Das liegt daran, dass du keinen sinnvollen Blindtext verwendest.

Zitat:

Zitat von sjan

was mache ich falsch!?
danke für eure hilfe!

Arbeite bitte oben genanntes Buch (das du online lesen kannst) durch. Du strukturierst deine Inhalte falsch (ein Menü ist eine Liste, keine Tabelle). Allgemein verwendest du Tabellen für Layoutzwecke, was sehr viele Nachteile mit sich bringt.

Da du zudem an einer neuen Webseite arbeitest, würde ich gleich die Variante Strict wählen und nicht das veraltete Transitional

Nachtrag:
Wenn du ein Online-Beispiel hast (sehr vorbildlich), dann musst du den Quelltext ncht nochmal zusätzlich in das Forum schreiben. Wenn du dennoch Codeauszüge posten willst, nutze bitte [code*]-Abschnitte. Danke.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 17:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03