CSS on pourrait faire plus simple ? - Page 1

voila ma question :

je veux faire ceci : http://cineblog.spipu.net/_test/
bon, pas de pb, vu que je l'ai fait

seulement voila, je trouve que ca fait beaucoup de CSS et d'HTML pour si peu.. d'où ma question : est-ce que je pourrais simplifier le css et l'html ?

voici le css : http://cineblog.spipu.net/_test/css/style.css
voici le code HTML :

<?php
	$width	= '500';
	$height	= '300';
	
	$haut	= "Titre de la fenetre";
	$milieu	= "Plein de contenus et autre";
	$bas	= "bas de page";
?>
<div style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; overflow: auto">
	<table class="fenetre_popup" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<table class="top" cellpadding="0" cellspacing="0">
					<tr>
						<td class="left"><img src="./imgs/spacer.gif" alt="" height="22" width="22"></td>
						<td class="middle"><?php echo $haut; ?></td>
						<td class="right"><img src="./imgs/spacer.gif" alt="" height="22" width="124"></td>
					</tr>
				</table>
				<table class="middle" cellpadding="0" cellspacing="0" style="height: <?php echo ($height-5-22-22); ?>px">
					<tr> 
						<td><?php echo $milieu; ?></td>
					</tr>
				</table>
				<table class="bottom" cellpadding="0" cellspacing="0" >
					<tr> 
						<td><?php echo $bas; ?></td>
					</tr>
				</table>
				<table class="shadow" cellpadding="0" cellspacing="0">
					<tr>
						<td class="left"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
						<td class="middle"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
						<td class="right"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>

vous en pensez quoi ?

j'oubliais, je veux bien passer par des DIV à la place des tableaux, mais seule petite contrainte, j'aimerais que la largeur et la hauteur de la fenetre soit hyper facile à parametrer, comme dans le code d'origine. D'ailleurs, si vous aviez une astuce pour ne pas être obligé de mettre height: <?php echo ($height-5-22-22); ?>, ca serait le méga top

Quand on commence à vouloir faire des fenêtres un peu "complexes", je trouve que les CSS deviennent assez peu adaptées : on est obligé de pourrir l'html avec plein de <div> ou autres qui ne véhiculent aucune information autre que la présentation, c'est dommage de ne pas pouvoir contrôler complètement l'affichage à partir uniquement du CSS.

Tout ça pour dire que j'ai le même problème que toi; pour Mirari j'avais opté pour la solution à base de <div>, qui est peut-être un peu plus courte en html (et qui permet de régler la taille de la fenêtre puisque le <div> conteneur est en display:block), mais ça reste quand même assez sale je trouve

ouep va falloir attendre qu'ils donnent la possiblité de mettre plusieurs bg à un div, ça roxxerait sa mere

par exemple oué, parceque c'est en partie ça qui oblige à multiplier les <div> pr avoir le rendu qu'on veut :/

bon sinon j'ai isolé la css de mon cas, l'html est pas tellement mieux au final : http://databob.free.fr/priv/file/css01/

c'est vrai que tout ça pour ça c'est quand meme bien de la merde

boargh, en mm temps un design slick sans boxes trop compliquees et voila
la beaute par la simplicite ^^


Sinon, les CSS3 - border decorations etc. ca devrait aider je pense...

Donc en fait, c'est bien ce que je pensais... en l'etat actuel des choses, j'aurais du mal à faire plus simple vu le resultat voulu...