Discussion :

[hraiwen]

bonjour,
j'ai un div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
div#leftCol{
 
	width:206px;
	height:350px;
	margin-left:140px;
	margin-top:15px;
 
}

ce div lui meme contient des éléments
je veux mettre un autre div a coté de ce dernier c'est ce div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
div#mainCol{
    float:left;
    	width:763px;
	height:350px;
	background-color:#FFCC00;
	overflow: scroll;
}

j'ai essayé ce code mais le 2 div reste sous le 1 div
que faire?

[KristoV]

Peut-être ajouter float:left au premier aussi.

[hraiwen]

j'ai essayé mais ca na pas marché
je peux utiliser la position absolute mais je ne veux pas car cette propriété dépend de l'écran utilisé

[devyan]

j'ai essayé mais ca na pas marché
je peux utiliser la position absolute mais je ne veux pas car cette propriété dépend de l'écran utilisé

Salut,

Si cela n'a pas fonctionné c'est qu'il n'y a pas la place...

[hraiwen]

mais je n'ai pas de div avev une largeur fixe qui englobe les deux div donc il ya de l'espace

[KristoV]

Essaye d'ajouter float:left dans le premier et de réduire le width de ton deuxième. A mon avis, effectivement, c'est un manque de place, non pas dû à un div les encadrant mais plutôt à la place qu'il y a dans la fenêtre de ton navigateur.

[Macmillenium]

Bonjour,

Et si tu cherches à adapter la largeur de #mainCol à celle du viewport (zone d'affichage) :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
div#leftCol{
	width:206px;
	height:350px;
        float:left;
	margin-left:140px;
	margin-top:15px;
 
}

div#mainCol{
    /* float:left; */
        margin-left:206px;
    	/* width:763px;*/
	height:350px;
	background-color:#FFCC00;
	overflow: scroll;
}

Flotter #leftCol et attribuer à #mainCol un margin-left = largeur de #leftCol.

Je suppose qu'on a traité tous les cas de figures

[hraiwen]

cette solution marche lorsque je teste sur le navigateur c'est bon mais le drole, c'est que sur le dreamweaver le site devient en désordre n'est pas comme la page html généré
ya til une solution pour ca ? puisque j'utilise la partie création de dreamweaver qui devient ...

[Macmillenium]

A ma connaissance, aucun éditeur n'intègre un support CSS2 complet.
Oublie le mode "création" et travail directement sur le code.
Le rendu correcte est celui du navigateur.

[hraiwen]

merci bien tunisien,