Hallo Leute,
ich habe ein Problem, unzwar möchte ich meinen Content in der Breite fixieren, nur leider streckt er sich in der Breite wenn der Text zu lang ist.
Der Content wächst in die Tiefe, wenn der Text immer tiefer geht, aber wenn der Text den Rand meines Contents erreicht, soll er in einer neuen Zeile beginnen und nicht sofort mein ganzes Design zerschießen ...... ;(
Ich habe alles mit Tabellen und <td> -tags erstellt!!
Ich habe schon in sämtlichen Foren davon gelesen das einem davon abgeraten wird und man lieber von neu beginnen soll und diesmal alles in css erstellen soll ... nur ich will jetzt nicht nochmal anfangen =?
Ich hoffe das mir jemand helfen kann !
ich habe ein Problem, unzwar möchte ich meinen Content in der Breite fixieren, nur leider streckt er sich in der Breite wenn der Text zu lang ist.
Der Content wächst in die Tiefe, wenn der Text immer tiefer geht, aber wenn der Text den Rand meines Contents erreicht, soll er in einer neuen Zeile beginnen und nicht sofort mein ganzes Design zerschießen ...... ;(
Ich habe alles mit Tabellen und <td> -tags erstellt!!
Ich habe schon in sämtlichen Foren davon gelesen das einem davon abgeraten wird und man lieber von neu beginnen soll und diesmal alles in css erstellen soll ... nur ich will jetzt nicht nochmal anfangen =?
Ich hoffe das mir jemand helfen kann !
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">
<head>
<meta http-equiv="Content-Type" content="text/css; charset=iso-8859-1" />
<title>Forest Art | We make your Dreams true</title>
<link rel="SHORTCUT ICON" href="http://s1.directupload.net/images/090709/qskyo2yv.png" />
<style type="text/css">
#content {
table-layout: fixed;
width: 432px;
overflow:hidden;
}
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body text="#FFFFFF" bgcolor="#000000" background="Bilder/Background.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-repeat:repeat-x" onload="MM_preloadImages('Bilder/Rollover_04.jpg','Bilder/Rollover_05.jpg','Bilder/Rollover_06.jpg','Bilder/Rollover_07.jpg','Bilder/Rollover_08.jpg')">
<center>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/Bilder_01.jpg" width="800" height="113" border="0" usemap="#Map2" /></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_02.jpg" width="800" height="82" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/Bilder_03.jpg" width="207" height="41" /></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','Bilder/Rollover_04.jpg',1)"><img src="Bilder/Bilder_04.jpg" name="Image4" width="77" height="32" border="0" id="Image4" /></a></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_10.jpg" width="77" height="9" /></td>
</tr>
</table>
</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Bilder/Rollover_05.jpg',1)"><img src="Bilder/Bilder_05.jpg" name="Image6" width="77" height="34" border="0" id="Image6" /></a></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_11.jpg" width="77" height="7" /></td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="works.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','Bilder/Rollover_06.jpg',1)"><img src="Bilder/Bilder_06.jpg" name="Image8" width="72" height="34" border="0" id="Image8" /></a></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_12.jpg" width="72" height="7" /></td>
</tr>
</table></td>
<td><a href="gbook.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','Bilder/Rollover_07.jpg',1)"><img src="Bilder/Bilder_07.jpg" name="Image10" width="75" height="41" border="0" id="Image10" /></a></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="partner.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','Bilder/Rollover_08.jpg',1)"><img src="Bilder/Bilder_08.jpg" name="Image11" width="81" height="34" border="0" id="Image11" /></a></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_13.jpg" width="81" height="7" /></td>
</tr>
</table></td>
<td><img src="Bilder/Bilder_09.jpg" width="211" height="41" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_14.jpg" width="800" height="27" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="Bilder/Bilder_15.jpg" width="181" height="287" /></td>
<td background="Bilder/Bilder_16.jpg" valign="top" align="center" width="432" height="287" div id="content"><p>tztztzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>f</p>
<p>fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
</div></td>
<td valign="top"><img src="Bilder/Bilder_17.jpg" width="187" height="287" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="Bilder/Bilder_18.jpg" width="800" height="50" border="0" usemap="#Map" /></td>
</tr>
</table></td>
</tr>
</table>
</center>
<map name="Map" id="Map"><area shape="rect" coords="577,20,603,44" href="#" /></map>
<map name="Map2" id="Map2"><area shape="rect" coords="241,31,547,104" href="index.html" />
</map></body>
</html>
Außerdem habe ich, als ich meinen Beitrag geschrieben habe, deinen noch nicht gesehen!