Salve,
Innanzitutto non so se questa è la sezione adatta, perchè il mio problema include sia CSS che XHTML che PHP.... Se caso avessi sbagliato sezione, chiedo ai moderatori di spostare tranquillamente la discussione...
Passiamo ora al problema:
questo è il layout della pagina in questione:
il problema sta nel fatto che se io inserisco immagini nel contenitore del "contenuto" (questa pagina sarebbe una galleria di immagini), lo sfondo che viene normalmente creato dal "corpo" non si ridimensiona, con il seguente risultato: galleria di immagini che escono dal "corpo" (verso il basso)...
posto il codice CSS:
Codice PHP:
body {
background-image: url(img/bk.jpg);
background-repeat: repeat;
background-attachment: fixed;
font-family: Georgia, Verdana;
font-size: 16px;
color: white;
}
div#header {
background-image: url(img/header.png);
background-repeat: no-repeat;
width: 750px;
height: 250px;
}
div.corpo {
background-image: url(img/corpo.png);
background-repeat: repeat-y;
width: 750px;
text-align: left;
float: none;
position: relative;
top: 0px;
left: 0px;
}
div.content {
width: 495px;
position: relative;
top: 5px;
left: 5px;
text-align: center;
float: none;
margin-top: 0px;
margin-left: 3px;
margin-right: 1px;
margin-bottom: 0px;
padding: 3px;
}
div#menu-box {
width: 245px;
border-left: 1px dotted white;
float: none;
position: absolute;
top: 0px;
right: 5px;
margin-left: 1px;
margin-bottom: 3px;
}
e la pagina in questione:
Codice PHP:
<?php
include("config.inc.php");
include("formatta_testo.php");
?>
<!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="it" lang="it">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css.css" />
<link rel="stylesheet" href="lightbox2.04/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox2.04/js/prototype.js"></script>
<script type="text/javascript" src="lightbox2.04/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2.04/js/lightbox.js"></script>
</head>
<body>
<center>
<div id="header"></div>
</center>
<center>
<div class="corpo">
<div class="content">
<center>
<?php
$categorie = $HTTP_GET_VARS["categorie"];
if($categorie == ""){
?>
<form name="w_categorie" method="get" action="gravuren.php">
<label for="cat">Categorie:</label>
<select name="categorie">
<?php
$query = "SELECT * FROM categorien ORDER BY name ASC";
$query2 = mysql_query($query, $db);
while($daten = mysql_fetch_array($query2)){
$name = $daten["name"];
formatta($name);
print "<option>$name</option>";
}
?>
</select>
<input type="hidden" name="seite" value="0" />
<input type="submit" value="Ok" />
</form>
<?php
}else {
$cat = $HTTP_GET_VARS["categorie"];
$cate = formatta($cat);
?>
<p class="title-g"><?=$cate ?></p>
<?php
$seite = $HTTP_GET_VARS["seite"];
$start = $seite*9;
$query3 = "SELECT * FROM x WHERE categorie='$cate' ORDER BY id DESC LIMIT $start , 9";
$query4 = mysql_query($query3, $db);
while($daten = mysql_fetch_array($query4)){
$id = $daten["id"];
$name = $id.".jpg";
?>
[url="bilder/normal-sized/<?=$name ?>"]<div class="imgcontainer">[img]bilder/small-sized/<?=$name ?>[/img]</div>[/url]
<?php
}
?>
<?php
}
?>
</center>
</div>
<div id="menu-box">
[url="x.php"]<div class="menulink">x</div>[/url]
[url="x.php"]<div class="menulink">x</div>[/url]
[url="x.php"]<div class="menulink">x</div>[/url]
[url="x.php"]<div class="menulink">x</div>[/url]
</div>
</div>
<div id="corpo-bottom"></div>
</center>
</body>
</html>
<?php
mysql_close($db);
?>