Discussion :

[Vinix]

Bonjour,

Je suis en train de faire un site Internet en CSS. Sur Internet Explorer pas de soucis.
Par contre, sur Mozilla, le cadre bleu de la page
http://www.ctgimmobilier.fr/acheter.php se met sous la photo alors que je voudrais qu'il soit aligner sur la droite.

Voici ma feuille de style :
body{
background-color:#FFF9E6;
margin-top:10px;
padding:0px;
text-align:center;
font-family:verdana;
font-size:10px;
}

#global{
background:url(images/fond.gif) no-repeat;
background-position:center top;
position:fixed !important;
position:absolute;
width:855px;
height:596px;
left:50%;
margin-left:-427.5px;
text-align:center;
}

#haut{
width:855px;
height:110px;
}

#menu{
background:url(images/fond_menu.gif) no-repeat;
border:solid 1px #0079C1;
width:848px;
height:20px;
margin:3px 0px 5px 2px;
text-align:center;
line-height:20px;
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
}

#conteneur{
width:100%;
height:400px;
margin-top:5px;
padding-top:15px;
}

#gauche{
float:left;
width:35%;
height:320px;
margin:0px 20px 10px 10px;
text-align:left;
}

#droite{
height:320px;
margin-right:20px;
text-align:left;
}

#bas{
background:url(images/fond_bas.gif) no-repeat;
border:solid 1px #0079C1;
width:848px;
margin-left:2px;
}

#menu_bas{
width:848px;
height:15px;
margin:0px auto 0px auto;
text-align:center;
color:#0079C1;
font-size:11px;
}

#photo_gauche{
height:225px;
margin-bottom:20px;
border:0;
}

.header{
margin-bottom:15px;
}

.texte{
width:240px;
height:65px;
margin:10px auto 2px 15px;
text-align:left;
font-size:10px;
}

.texte_photo{
float:left;
height:74px;
margin-top:3px;
padding-left:5px;
font-size:10px;
}

.texte_bas{
padding-top:1px;
padding-bottom:1px;
text-align:center;
color:#0079C1;
font-size:11px;
font-weight:bold;
}

table{
background-color:#E8EFF4;
width:230px;
margin-top:20px;
margin-left:20px;
color:#0079C1;
font-police:verdana;
font-size:11px;
font-weight:bold;
}

td{
border:solid 1px #0079C1;
}

img{
margin-top:3px;
border:0;
}

h2{
font-size:10px;
font-weight:normal;
}

a:link{
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a:visited{
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a:hover{
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a:active{
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.menu:link{
text-align:center;
line-height:20px;
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.menu:visited{
text-align:center;
line-height:20px;
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.menu:hover{
text-align:center;
line-height:20px;
color:#0079C1;
font:11px/20px bold;
font-family:verdana;
font-weight:bold;
text-decoration:none;
}

a.menu:active{
text-align:center;
line-height:20px;
color:#0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.lien:link{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.lien:visited{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.lien:hover{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
font-weight:bold;
text-decoration:none;
}

a.lien:active{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}


J'espère que l'on pourra m'aider.

Merci beaucoup.

Vinix

[galette]

Ton cadre bleu , c est un formulaire plasse dans un div (sans id ou class) si j'ai bien compris. En mettant la propriete float:right; a ce div , ca devrait rentrer dans l'ordre .

Gaetan

[Vinix]

Je te remercie avec le float :right cela me met bien le cadre à droite mais le petit soucis c'est que le cadre est à l'extrême droite et j'aimerais bien avoir moins d'espace au milieu.

Vinix

[masu]

petits bugs au passage.
vu que tu est en xhtml il fait teminer tes balises vide avec <balise />
tu l'a bien fait pour les inputs mais pas pour les link et meta et img.

edit: une petite faute de frape dans ton css

Code :

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
19
20
21
22
23
24
25
26
27
28
 a.lien:link{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.lien:visited{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

a.lien:hover{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
font-weight:bold;
text-decoration:none;
}

a.lien:active{
color:##0079C1;
font:11px/20px normal;
font-family:verdana;
text-decoration:none;
}

[Vinix]

Ok je vais regarder ça.
Merci bien
C'est mon 1er site en CSS et donc bon ce n'est pas facile.

Vinix

[galette]

En fait tu veux positionner ton cadre bleu , juste a droite de l'image. Je pense qu'il faut que tu joue avec les marges , cf : http://web.developpez.com/faq/html/?...ROPRIETE_MARGE


Bon courage

[Vinix]

Je te remercie car j'ai mis un margin-left est en effet cela s'aligne bien comme je veux.

Vinix