par
ludivine49 » 01 juil. 2010, 14:51
voilà, j'ai configuré mon site pour une résolution de 1680*1050 (résolution de mon ordi). Cependant, j'ai revu la feuille de style css de mon site pour qu'il soit adapté pour différentes résolutions. J'ai mis les positions en pourcentage ainsi que les dimensions et j'ai bien mis un width:100% comme il était conseillé dans certains forums. Cependant, cela ne résout rien. Au changement de résolution, les écritures vont les unes sur les autres et il n'y a que la bannière qui est redimmensionnée (est-ce qu'il faut mettre en pourcentage les écritures j'ai fait ça mais ça change rien).
Ci-joint mon code
Code html
<body>
<div id='pagePrincipale'>
<div id="banniere">
<?php
echo "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' align='center' width='96%' height='26%'>
<param name='movie' value='".$chemin."'/>
<param name='quality' value='high'/>
<param name='menu' value='false'/>
<param name='wmode' value='transparent'/>
<EMBED src='".$chemin."' quality='high' bgcolor='#FFFFFF' NAME='banniere' ALIGN='center' width='96%' height='26%' wmode='transparent'
TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></object>";
?>
</div>
<div id="partieCentrale">
<div id="menu">
<?php
include('menu.php');
?>
</div>
<div id="contenu">
<?php
$page = $_GET['page'];
include ( $page.'.php' );
?>
</div>
<div id="piedPage">
<?php
include('piedPage.php');
?>
</div>
</div>
<div id="recherche">
<?php
if($page!='activMediasTV' && $page!='imoBox' && $page!='recherche')
{
include('formRecherche.php');
}
?>
</div>
</div>
</body>
Code css
body
{
background-color:black;
height:100%;
behavior:url("css/csshover.htc");
font-family:Verdana;
font-size:11pt;
margin:0;
padding:0;
z-index:3;
color:white;
}
#pagePrincipale
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:1000px;
min-height:100%;
}
#banniere
{
width:96%;
}
#partieCentrale
{
margin-left:auto;
margin-right:auto;
width:96%;
text-align:left;
}
#contenu
{
position:absolute;
top:30%;
left:35%;
/*min-height:310px;*/
width:76%;
}
#contenuPage
{
position:relative;
top:2%;
left:2%;
/*max-width:74%;*/
min-height:310px;
text-align:left;
}
#menu
{
text-align:left;
width:24%;
}
#contenuMenu
{
color:#ffcc00;
font-family:Verdana;
font-size:12pt;
text-align:top;
position:absolute;
top:27%;
left:22%;
}
Voilà, merki de m'aider, ça fait plusieurs jours que je galère.
Si vous avez également des solutions (autre que faire une feuille de style pour chaque résolution ce qui est impossible), merki.
voilà, j'ai configuré mon site pour une résolution de 1680*1050 (résolution de mon ordi). Cependant, j'ai revu la feuille de style css de mon site pour qu'il soit adapté pour différentes résolutions. J'ai mis les positions en pourcentage ainsi que les dimensions et j'ai bien mis un width:100% comme il était conseillé dans certains forums. Cependant, cela ne résout rien. Au changement de résolution, les écritures vont les unes sur les autres et il n'y a que la bannière qui est redimmensionnée (est-ce qu'il faut mettre en pourcentage les écritures j'ai fait ça mais ça change rien).
Ci-joint mon code
Code html
[html]<body>
<div id='pagePrincipale'>
<div id="banniere">
<?php
echo "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' align='center' width='96%' height='26%'>
<param name='movie' value='".$chemin."'/>
<param name='quality' value='high'/>
<param name='menu' value='false'/>
<param name='wmode' value='transparent'/>
<EMBED src='".$chemin."' quality='high' bgcolor='#FFFFFF' NAME='banniere' ALIGN='center' width='96%' height='26%' wmode='transparent'
TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></object>";
?>
</div>
<div id="partieCentrale">
<div id="menu">
<?php
include('menu.php');
?>
</div>
<div id="contenu">
<?php
$page = $_GET['page'];
include ( $page.'.php' );
?>
</div>
<div id="piedPage">
<?php
include('piedPage.php');
?>
</div>
</div>
<div id="recherche">
<?php
if($page!='activMediasTV' && $page!='imoBox' && $page!='recherche')
{
include('formRecherche.php');
}
?>
</div>
</div>
</body>[/html]
Code css
[css]body
{
background-color:black;
height:100%;
behavior:url("css/csshover.htc");
font-family:Verdana;
font-size:11pt;
margin:0;
padding:0;
z-index:3;
color:white;
}
#pagePrincipale
{
margin-left:auto;
margin-right:auto;
text-align:center;
width:1000px;
min-height:100%;
}
#banniere
{
width:96%;
}
#partieCentrale
{
margin-left:auto;
margin-right:auto;
width:96%;
text-align:left;
}
#contenu
{
position:absolute;
top:30%;
left:35%;
/*min-height:310px;*/
width:76%;
}
#contenuPage
{
position:relative;
top:2%;
left:2%;
/*max-width:74%;*/
min-height:310px;
text-align:left;
}
#menu
{
text-align:left;
width:24%;
}
#contenuMenu
{
color:#ffcc00;
font-family:Verdana;
font-size:12pt;
text-align:top;
position:absolute;
top:27%;
left:22%;
}
[/css]
Voilà, merki de m'aider, ça fait plusieurs jours que je galère.
Si vous avez également des solutions (autre que faire une feuille de style pour chaque résolution ce qui est impossible), merki.
