Problème affichage: écran 600/800, IE
mim20
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
mim20 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
mim20 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai fait un site avec le CMS Joomla: www.fudiad.info
Je suis en train de tester mon site avec https://bravebrowserreview.com
J'ai effectué les réglages en % pour que le site soit visible avec Firefox comme IE . Pour firefox et IE 7, pas de problème. Le problème se pose exclusivement avec IE5.5 et IE 6, pour les écrans de largeur 600 et 800 .Au delà, tout est bon. Pour ces dimensions d'écran, ma colonne de droite file en dessous.Pourtant, les tailles des blocs sont toutes relatives. Il faut dire que j'ai travaillé à partir d'un template qui a été acheté, et dans lequel la colonne de droite n'existait pas. Peut être ai-je fais une erreur dans le fichier php?
Est-il possible de créer un "If"...seulement pour les écran en dessous de 800. (j'ai cru voir ça dans un template )??Si oui, comment exactement?
Merci!!!!!
Voilà la partie de mon css et script php
#body {
width: 100%;
}
#footer {
float: none;
width: 750px;
text-align: left;
height: 50px;
padding-top: 25px;
font-size: 10px;
color: #666;
padding-left: 150px;
}
#footerwrap {
width: 100%;
height: 100px;
float: left;
background-color: #F4F8FB;
border-top: 1px solid #ededed;
1background-image: url(../images/foot.gif);
background-position: top;
background-repeat: repeat-x;
}
#leftcolumn {
float: left;
width: 18%;
}
#leftspacer {
float: left;
width: 5%;
height: 450px;
background-image: url(../images/leftspace.gif);
background-position: top left;
background-repeat: no-repeat;
}
#rightcolumn {
float: left;
width: 20%;
height: 147px;
margin-left:2%;
}
#mainbody {
float: left;
background-color : #fafafa;
text-align: left;
width: 50%;
margin-left: 0px;
}
#mainbody li {
list-style: square;
}
#bodywrap {
width: 100%;
z-index: 0;
background-color: #ffffff;
overflow: auto;
margin-top: 0px;
background-image: url(../images/fresh.gif);
background-position: top left;
background-repeat: no-repeat;
padding-bottom: 30px;
}
#headerwrap {
background-color: #D1E3EF;
height: 116px;
width: 100%;
background-image: url(../images/headerbg.gif);
background-position: bottom;
background-repeat: repeat-x;
}
#header {
height: 116px;
width: 900px;
background-image: url(../images/header.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#menuwrap {
height: 35px;
width: 100%;
text-align: left;
background-image: url(../images/headerbg.gif);
background-position: top;
background-repeat: repeat-x;
}
#menu {
width: 900px;
text-align: left;
height: 35px;
background-image: url(../images/header.jpg);
background-position: top;
background-repeat: no-repeat;
}
img{
border: 0px;
}
PHP:
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=" />
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/joomlajet14/css/template_css.css" />
<script type="text/javascript" src="modules/kwick_menu/js/mootools.js"></script>
<script type="text/javascript" src="modules/kwick_menu/js/imageMenu.js"></script>
</head>
<body>
<div class="menuwrap" id="menuwrap"><div class="menu" id="menu"><?php mosLoadModules ( 'top', -2 ); ?></div></div>
<div class="headerwrap" id="headerwrap"><div class="header" id="header"></div><div class="icone" id="icone"></div></div>
<div class="bodywrap" id="bodywrap"><div class="body" id="body"><div class="leftspacer" id="leftspacer"></div><div class="leftcolumn" id="leftcolumn"><?php mosLoadModules ( 'left', -2 ); ?></div>
<div class="mainbody" id="mainbody">: <?php mosPathWay(); ?><?php mosLoadModules ( 'user5', 1 ); ?>
<?php mosMainBody(); ?><?php mosLoadModules ( 'user1', 1 ); ?><?php mosLoadModules ( 'user2', 1 ); ?><?php mosLoadModules ( 'user3', 1 ); ?></div><div class="rightspacer" id="rightspacer"></div><div class="rightcolumn" id="rightcolumn"><?php mosLoadModules ( 'right', -2 ); ?></div></div></div></div>
<div class="footerwrap" id="footerwrap">
<div class="footer" id="footer"><?php mosLoadModules ( 'footer', -2 ); ?><br />
<?php mosLoadModules ( 'bottom', -2 ); ?> </div></div>
</body>
</html>
J'ai fait un site avec le CMS Joomla: www.fudiad.info
Je suis en train de tester mon site avec https://bravebrowserreview.com
J'ai effectué les réglages en % pour que le site soit visible avec Firefox comme IE . Pour firefox et IE 7, pas de problème. Le problème se pose exclusivement avec IE5.5 et IE 6, pour les écrans de largeur 600 et 800 .Au delà, tout est bon. Pour ces dimensions d'écran, ma colonne de droite file en dessous.Pourtant, les tailles des blocs sont toutes relatives. Il faut dire que j'ai travaillé à partir d'un template qui a été acheté, et dans lequel la colonne de droite n'existait pas. Peut être ai-je fais une erreur dans le fichier php?
Est-il possible de créer un "If"...seulement pour les écran en dessous de 800. (j'ai cru voir ça dans un template )??Si oui, comment exactement?
Merci!!!!!
Voilà la partie de mon css et script php
#body {
width: 100%;
}
#footer {
float: none;
width: 750px;
text-align: left;
height: 50px;
padding-top: 25px;
font-size: 10px;
color: #666;
padding-left: 150px;
}
#footerwrap {
width: 100%;
height: 100px;
float: left;
background-color: #F4F8FB;
border-top: 1px solid #ededed;
1background-image: url(../images/foot.gif);
background-position: top;
background-repeat: repeat-x;
}
#leftcolumn {
float: left;
width: 18%;
}
#leftspacer {
float: left;
width: 5%;
height: 450px;
background-image: url(../images/leftspace.gif);
background-position: top left;
background-repeat: no-repeat;
}
#rightcolumn {
float: left;
width: 20%;
height: 147px;
margin-left:2%;
}
#mainbody {
float: left;
background-color : #fafafa;
text-align: left;
width: 50%;
margin-left: 0px;
}
#mainbody li {
list-style: square;
}
#bodywrap {
width: 100%;
z-index: 0;
background-color: #ffffff;
overflow: auto;
margin-top: 0px;
background-image: url(../images/fresh.gif);
background-position: top left;
background-repeat: no-repeat;
padding-bottom: 30px;
}
#headerwrap {
background-color: #D1E3EF;
height: 116px;
width: 100%;
background-image: url(../images/headerbg.gif);
background-position: bottom;
background-repeat: repeat-x;
}
#header {
height: 116px;
width: 900px;
background-image: url(../images/header.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#menuwrap {
height: 35px;
width: 100%;
text-align: left;
background-image: url(../images/headerbg.gif);
background-position: top;
background-repeat: repeat-x;
}
#menu {
width: 900px;
text-align: left;
height: 35px;
background-image: url(../images/header.jpg);
background-position: top;
background-repeat: no-repeat;
}
img{
border: 0px;
}
PHP:
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=" />
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/joomlajet14/css/template_css.css" />
<script type="text/javascript" src="modules/kwick_menu/js/mootools.js"></script>
<script type="text/javascript" src="modules/kwick_menu/js/imageMenu.js"></script>
</head>
<body>
<div class="menuwrap" id="menuwrap"><div class="menu" id="menu"><?php mosLoadModules ( 'top', -2 ); ?></div></div>
<div class="headerwrap" id="headerwrap"><div class="header" id="header"></div><div class="icone" id="icone"></div></div>
<div class="bodywrap" id="bodywrap"><div class="body" id="body"><div class="leftspacer" id="leftspacer"></div><div class="leftcolumn" id="leftcolumn"><?php mosLoadModules ( 'left', -2 ); ?></div>
<div class="mainbody" id="mainbody">: <?php mosPathWay(); ?><?php mosLoadModules ( 'user5', 1 ); ?>
<?php mosMainBody(); ?><?php mosLoadModules ( 'user1', 1 ); ?><?php mosLoadModules ( 'user2', 1 ); ?><?php mosLoadModules ( 'user3', 1 ); ?></div><div class="rightspacer" id="rightspacer"></div><div class="rightcolumn" id="rightcolumn"><?php mosLoadModules ( 'right', -2 ); ?></div></div></div></div>
<div class="footerwrap" id="footerwrap">
<div class="footer" id="footer"><?php mosLoadModules ( 'footer', -2 ); ?><br />
<?php mosLoadModules ( 'bottom', -2 ); ?> </div></div>
</body>
</html>
A voir également:
- Problème affichage: écran 600/800, IE
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
- Pinterest problème affichage ✓ - Forum Réseaux sociaux