28221 sujets

CSS et mise en forme, CSS3

Redimentionnement de DIV

Bonjours a vous, c'est mon premier post ici, je fait quand même une lègère présentation :

Je suis programmeur flash depuis 1ans (AS v.1.0) et je suis dans une école spécialisée en info ;).

Je vient de commencer a faire un site en HTML en utilisant au maximum des CSS, et j'ai un problème avec des div...

J'ai ma page, et j'ai créer 3 calques qui forment 3 colones, voilà le HTML (pas très dur...):
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1" class="layerg"></div>
<div id="Layer2" class="layerc"></div>
<div id="Layer1" class="layerd"></div>
</body>
</html>


et mon CSS, ou je voudrais faire en sorte que la colone de gauche, ne bouge pas en taille et en position, et que la colone du centre s'adapte par apport a la taille de la fenêtre. pour ce qui est de la colone de droite, elle doit avoir une taille fixe, et se positionne automatiquement a droite... vous voyez plus ou moin ce que j'essaye de faire?

Voici le CSS : 

body	{
	background: #5D637D url(images/fond.gif) repeat-x;
	font-family: Tahoma, Arial, Serif;
	font-size: 7pt;
	margin: 0;
	padding: 0;
	}
.max	{
	width: 100%;
	height: 100%;
	}
.h1		{
	width: 150px;
	height:	100%;
	}
div.layerg {
	position:absolute;
	overflow: hidden;
	left:10px; 
	top:160px;
	width:170px; 
	height:186px;
	background: #20282F;
	border: solid 1px #667788;
	}
div.layerc {
	position:absolute;
	overflow: hidden;
	float: left;
	left:190px; 
	top:160px;
	width:600px; 
	height:186px;
	background: #20282F;
	border: solid 1px #667788;
	}
div.layerd {
	position:absolute;
	overflow: hidden;
	left:800px; 
	top:160px;
	width:170px; 
	height:186px;
	background: #20282F;
	border: solid 1px #667788;
	}


Je voudrais simplement que mes colones a gauche et a droite soient fixe, et que celle du millieu s'adapte a la taille de l'écran en largeur (biensur, la colone de droite s'alligne a droite de la colone du millieux) Smiley langue
$
Salut et bienvenue sur le forum d'alsacreations :)
Pour ce qui concerne ton problème tu t'y prends mal en fait :)
par exemple si tu utilises des positions absolues tes float sont inutiles, mais pour éclairer ta lanterne rien de mieux que des exemples concrets, et il y en a justement à cette adresse: mises en pages css - models

Bonne chance pour ton site :D

ps: utilises la balise <body> sans propriété tes css s'occupent déjà de faire disparaître les marges et pour plus de rigueur tu peux rajouter la propriété padding: 0; dans les définitions de propriété de ta balise body de la feuille de style :)

Edit: tu peux aussi t'aider de la documentation css de media-box.net qui se touve ici:
Documentation CSS
Modifié le 12 Nov 2004 - 12:00
Hum hum, merci poru vos info, je vais travailler la dessus :D Je vous tiendrais au courant, merci pour vos réponses rapident Smiley biggrin
Dark-Ikari a écrit :
Hum hum, merci pours vos infos, je vais travailler là dessus :D Je vous tiendrais au courant, merci pour vos réponses rapides Smiley biggrin


Erf, j'ai voulu éditer, sa a pas marcher...
Administrateur
Dark-Ikari a écrit :


Erf, j'ai voulu éditer, sa a pas marcher...

Tu n'as pas le bouton éditer ?
ha oui.... je suis avec la version de base, (la jaune) mais sinon, je vais vite voir pour changer de skin, peux-être c'est un problème de skin? Smiley bawling
je ne veux pas faire du flood, mais je ne trouve même pas le bouton d'edition du compte Smiley bawling Smiley bawling pourtant je suis sur beaucoup de forum, mais là....

Je ne peux pas non plus joindre une image, il me dit qu'il y a une erreur :

Fatal error: Call to undefined function: imagegif() in /home/httpd/vhosts/alsacreations.com/subdomains/forum/httpdocs/upload.php on line 57

J'utilise Firefox 1.0 (final)
Administrateur
Wow tu m'as l'air d'être le seul à avoir ce genre de soucis !
Peut-être as-tu désactivé javascript ou d'autres choses utiles ?

PS : je suis sur FF 1.0 aussi
voilà l'adresse de la page de changement de profil: Profil
pour ce qui concerne de tes erreurs pourrais tu m'envoyer 2 ou 3 captures d'écran de l'affichage du forum ainsi que ta config pour que je puisse transmettre au développeur du forum ainsi qu'à l'administrateur s'il te plaît:

voici l'adresse de mon compte mail: master_jmc@hotmail.com
Il serais dur de désactiver le Javascript, vu que je programme en javascript et je suis actuellement sur un projet (dans mon entreprise) qui fait de la communication entre le flash et le javascript... ;)

Merci master. je te les enverais dès mon retour de la pause de midi Smiley cligne
@Dark-Ikari > ok c'est parfait :) merci

@Raphael > je penses que ça vient d'un des plugins qu'il utilise parce qu'étant moi même sous firefox je n'ai aucun problème avec le forum qui s'affiche parfaitement :)
Salut,
Si ça vous intéresse et si je ne me suis pas trompé, moi non plus je ne peux pas éditer. Je n'ai pas le bouton.


ici aussi Smiley edit Modifié le 12 Nov 2004 - 16:31[/edit]
Sujet clos
Aller à