Tweet
j'ai integrer dans un iframe un fichier php contenant un formulaire, sur un ordinateur il n'ya pas de problème , mais c'est lorsque je passe sur un autre device comme un iphone 6 , là il ya problème parce que vu que le reste du site est reponsive moi mon formulaire situé dans le fichier php debord du cadre.
je voudrais pouvoir le rendre responsive comme tout le site mais je sais pas trop la demarce à suivre.
ci dessous le php:
le css lié:
#divgauche{
float:left;
margin-left:10px;
padding:10px;
width:210px;
height:800px;
background-color:#FFFFFF;
border-right:#CCCCCC 1px solid;
}
#contenant{
position: absolute;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
width: 765px;
height: 115px;
background-color: #FFFFFF;
left: 38px;
top: 1px;
}
#divgaucheFloat{
float:left;
margin-top:0px;
margin-left:10px;
padding:5px;
width:790px;
height:105px;
background-color: #FFF;
}
je voudrais pouvoir le rendre responsive comme tout le site mais je sais pas trop la demarce à suivre.
ci dessous le php:
Code PHP:
<form action="sssss.php" method="post" enctype="multipart/form-data" name="form1" target="_parent">
<div id="contenant">
<div id="divgaucheFloat">
<span style="color:#009933;font-size:18px;padding-bottom:0px;font-weight:bold;float:left;width:100%;">Recherche d'itinéraires</span>
<div style="float:left; width:740px;margin-top:10px;margin-bottom:10px;">
<span>
<span class="Style1" >Départ</span>
<input title="Commencez à saisir la zone et selectionnez toujours un arret proposé. Exemple : Cocody..." onFocus="initAutoComplete1(null,document.getElementById('position'),null)" type="text" name="position" id="position" size="20" autocomplete="off" style="width: 180px; float: left" />
</span>
<span>
<strong class="Style1" style="margin-left:10px;" >Arrivée</strong>
<input title="Commencez à saisir la zone et selectionnez toujours un arret proposé. Exemple : Cocody..." onFocus="initAutoComplete1(null,document.getElementById('destination'),null)" type="text" name="destination" id="destination" size="20" autocomplete="off" style="width: 180px; float: left" />
</span>
<input type="submit" name="Submit2" value="Envoyer" class="input2" style="float:left;margin-left:30px;">
</div>
<strong class="Style1" style="margin-bottom:5px;float:left;"> <br>
Ligne</strong>
<select name="menu1" onChange="MM_jumpMenu('top',this,0)" style="width:210px;">
<option value="?">Selectionnez une ligne de bus</option>
<?php
require('connection.php');
$result = mysql_query("SELECT * FROM bus");
while($row=mysql_fetch_row($result)){
$ligne = $row[0];
echo "<option value=\"sssss.php?ligne=$ligne\">Ligne ".$ligne."</option>";
}
$result = mysql_query("SELECT * FROM bus WHERE ligne = '".$_GET['ligne']."'");
while($row=mysql_fetch_row($result)){
$description = $row[1];
}
?>
</select>
<p style="border-top:1px solid #E3E3E3;float:left;margin-top:10px;width:100%;padding:5px;margin-bottom:0px;"><span style="color:#CCCCCC;font-size:12px;text-align:justify;">Commencez à saisir la localité et selectionnez toujours un arret proposé. (Tapez "Espace" pour tout afficher)<br>
Exemple : Cocody... </span>
</p>
<!--IMAGE CARTE DE LA PAGE DACCUEIL
<img src="carte.jpg" alt="Carte Abidjan" style="border:0px;float:left;margin-left:2px;margin-top:5px;"> -->
</div>
</div>
</form>
le css lié:
#divgauche{
float:left;
margin-left:10px;
padding:10px;
width:210px;
height:800px;
background-color:#FFFFFF;
border-right:#CCCCCC 1px solid;
}
#contenant{
position: absolute;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
width: 765px;
height: 115px;
background-color: #FFFFFF;
left: 38px;
top: 1px;
}
#divgaucheFloat{
float:left;
margin-top:0px;
margin-left:10px;
padding:5px;
width:790px;
height:105px;
background-color: #FFF;
}
Commentaire