Hey
habe das Problem, das sich meine Seite verzieht wenn zuviel content drin ist.
Ich habe extra Slices vorgesehen, die sich "langziehen" sollen/können aber es funktioniert nicht ganz ?!
http://mozcraft.cwsurf.de/cwws/
Links + Rechts neben dem Content funktioniert es und es zieht sich.
Bei der Navigation allerdings funktioniert es nicht. Das Feld was sich da wiederholen soll befindet sich zwischen Login und dem Footer
Wie meinst du das? Und in welchem Browser, kann nicht erkennen das sich da was verzieht. Weder im IE noch im Firefox?
Im Firefox.
Sieht dann so aus : [Blockierte Grafik: http://img4.fotos-hochladen.net/thumbnail/verziehen4gldnjuo5w_thumb.jpg]
Links + Rechts neben dem Content funktioniert es und es zieht sich.
Bei der Navigation allerdings funktioniert es nicht. Das Feld was sich da wiederholen soll befindet sich zwischen Login und dem Footer
Meinst du das ganz Links unten??
Poste mal deinen Code, ohne den wird man dir auch nicht helfen können. Deine Struktur des Aufbaus muss man schon sehen
Sorry habs verplant, bin schon lange auf den Beinen. Siehe nächsten Post von lukasn
Hast du da die Websiteexport-Funktion von Photoshop genutzt? Den Quellcode kann man nicht wirklich gebrauchen.
ja habe die funktion von photoshop benutzt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>
<html>
<head>
<title><?php echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="JScript" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(Bilder/bg.png);
background-repeat: repeat;
}
-->
</style></head>
<!-- Save for Web Slices (site_4_hspot.psd) -->
<table width="1001" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
<tr>
<td colspan="12">
<img src="Bilder/index_01.png" width="1000" height="12" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="12"><img src="Bilder/index_02.png" width="1000" height="235" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="235" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="Bilder/index_03.png" width="1000" height="12" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="2" style="vertical-align: top">
<img src="Bilder/index_04.png" alt="" width="175" height="478" border="0" usemap="#Map"></td>
<td rowspan="9" style="background:url(Bilder/index_05.png)"></td>
<td>
<img src="Bilder/index_06.png" width="43" height="21" alt=""></td>
<td colspan="8">
<img src="Bilder/index_07.png" width="729" height="21" alt=""></td>
<td>
<img src="Bilder/index_08.png" width="41" height="21" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="5" style="background:url(Bilder/index_09.png)">
</td>
<td colspan="8" rowspan="5" style="background:url(Bilder/index_10.png)" valign="top" align="center"><?php
if(!isset($site)) $site="news";
$invalide = array('\\','/','//',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?></td>
<td rowspan="5" style="background:url(Bilder/index_11.png)"> </td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="457" alt=""></td>
</tr>
<tr style="vertical-align: top">
<td style="vertical-align: top">
<img src="Bilder/index_12.png" width="175" height="32" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td style="background:url(Bilder/index_13.png)"> </td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td style="vertical-align: top">
<img src="Bilder/index_14.png" width="175" height="32" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td rowspan="2" style="background:url(Bilder/index_15.png)" valign="top" align="center">
<?php include("login.php"); ?>
</td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="166" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/index_16.png" width="43" height="21" alt=""></td>
<td colspan="8" rowspan="2">
<img src="Bilder/index_17.png" width="729" height="21" alt=""></td>
<td rowspan="2">
<img src="Bilder/index_18.png" width="41" height="21" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td style="background:url(Bilder/index_19.png)">
</td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/index_20.png" width="175" height="33" alt=""></td>
<td colspan="2">
<img src="Bilder/index_21.png" width="102" height="33" alt=""></td>
<td>
<img src="Bilder/index_22.png" width="101" height="33" alt=""></td>
<td>
<img src="Bilder/index_23.png" width="102" height="33" alt=""></td>
<td>
<img src="Bilder/index_24.png" width="102" height="33" alt=""></td>
<td>
<img src="Bilder/index_25.png" width="101" height="33" alt=""></td>
<td>
<img src="Bilder/index_26.png" width="102" height="33" alt=""></td>
<td>
<img src="Bilder/index_27.png" width="101" height="33" alt=""></td>
<td colspan="2">
<img src="Bilder/index_28.png" width="102" height="33" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="175" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="12" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="43" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="59" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="102" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="61" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="41" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="Map"><area shape="rect" coords="2,446,172,475" href="#" alt="Link us"><area shape="rect" coords="2,415,172,444" href="#" alt="Downloads"><area shape="rect" coords="2,383,172,412" href="#" alt="Linksammlung"><area shape="rect" coords="2,351,172,380" href="#" alt="Gallery"><area shape="rect" coords="2,288,172,314" href="#" alt="Umfragen"><area shape="rect" coords="2,256,172,282" href="#" alt="Teamspeak"><area shape="rect" coords="2,224,172,250" href="#" alt="Forum"><area shape="rect" coords="2,160,172,186" href="#" alt="Spenden"><area shape="rect" coords="2,129,172,155" href="#" alt="Servermap"><area shape="rect" coords="2,98,172,124" href="#" alt="Befehle"><area shape="rect" coords="2,66,172,92" href="#" alt="Regeln">
<area shape="rect" coords="2,34,172,60" href="#" alt="News">
</map>
</body>
</html>Wie wäre es wenn du dich etwas mit xhtml, css beschäftigst und den Code dann von Hand schreibst:
Vorteile liegen da klar auf der Hand, du hast alles komplett im Griff.
Tabellendesign ist out und falsch, heute nimmt man div's, oder entsprechende Tags und packt die Designangaben ausschliesslich über ein externes Css rein;-)
Habs mal mit divs + css versucht.
Das einzige Problem jetzt ist, das der Background in der LoginDiv nicht repeatet bzw sich die Div nicht verlängert ?!
Habs mal mit divs + css versucht.
schonmal der richtige Ansatz..
Das einzige Problem jetzt ist, das der Background in der LoginDiv nicht repeatet bzw sich die Div nicht verlängert.?!
Was nu? repeatet ist Bildwiederholung, repeat-x, repeat-y. die divlänge was du meinst, ist die Höhe(bsp. height: 1000px;)
Und deinen bisher gemachten Code könntest du auch zeigen, damit man das Problem lokalisieren kann
hm joa also die login div soll einfach nur runter gehen bis auf den footer egal wieviel text in ihr selber steht...
<!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">
<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="JScript" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!—
#Container {
background:url(bilder/login-area.png);
}
#Header {
background:url(bilder/header.png) no-repeat;
height: 259px;
width: 1000px;
}
#Navigation {
background:url(bilder/navigation.png) no-repeat top left;
width: 175px;
height: 510px;
float: left;
}
#Serverstatus {
background:url(bilder/s-status.png) repeat-y;
height: 80px;
width: 175px;
float: left;
}
#Login {
background:url(bilder/login-area.png);
background-repeat:repeat-x;
width: 175px;
height:auto;
float: left;
}
#Content {
background:url(bilder/content.png) repeat;
width: 825px;
height: 100%;
min-height: 808px;
float: right;
}
#Footer {
background:url(bilder/footer.png) no-repeat;
width: 1000px;
height: 33px;
clear:both
}
body {
background-image: url(bilder/bg.png);
background-repeat: repeat;
}
-->
</style>
</head>
<body>
<div id="Website" align="center" style=" width:100%; height:100%;">
<div id="Container" style="width: 1000px; height: 100%;" align="center">
<div id="Header"> </div>
<div id="Navigation"> </div>
<div id="Content">
<?php
if(!isset($site)) $site="news";
$invalide = array('\\','/','//',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?>
</div>
<div id="Serverstatus"> </div>
<div id="Login"> <img src="bilder/login.png" alt="Login" /> <br /> <?php include("login.php"); ?> </div>
<div id="Footer"> </div>
</div>
</div>
</body>
</html>Wenn ich mit Furebug schaue endet die Login Div nen ganzes Stück über dem Footer.
Da das alles in der Container Div ist habe ich dieser den Hintergrund der Login Div gegeben aber der wird in dieser Lücke auch nicht dargestellt ?!