Bonjour,
c'est mon 1er site web et malgré tous les tutoriaux et forums que j ai parcouru, je n'arrive pas à résoudre mon pb...
En fait, j'ai une barre de scroll "générale" a droite alors que le site tiens dans une fenetre plus petite que l'ecran (a partir de 1024*768).
On dirait qu'une de mes div va a la ligne et me bouffe de la place!
Voici mon CSS
et mon index (page sur laquelle on reste tout le temps pendant la navigation car le contenu de la page change dynamiquement)
Voila, d'ailleur c'est aussi mon 1er message, j'espère ne pas avoir fait d'erreurs quant aux regles du forums et sur la présentation de mon post...
Ah j'oubliais, l adresse du site http://www.esc4p.com/AEF
Merci d'avance a tous!!!
PS: Ne visualiser que sur IE (si quelqu'un a une idée sur le pb de compatibilité pour FF je suis preneur!!!
)
Modifié par defsquier (17 Mar 2005 - 13:06)
c'est mon 1er site web et malgré tous les tutoriaux et forums que j ai parcouru, je n'arrive pas à résoudre mon pb...
En fait, j'ai une barre de scroll "générale" a droite alors que le site tiens dans une fenetre plus petite que l'ecran (a partir de 1024*768).
On dirait qu'une de mes div va a la ligne et me bouffe de la place!
Voici mon CSS
body {
margin-bottom:0px;
margin-top:25px;
padding: 0;
background-color: #F5F5F5;
font-family: Arial Narrow, Arial Black, serif;
font-size: 15px;
background-color:#FFFFFF;
color: #333333;
height: 100%;
text-align: center; /* pour corriger le bug de centrage IE */
}
container {
position:absolute;
left: 50%;
margin-top: 50px;
width: 780px;
height:600px;
margin-left: -390px; /* moitié de la largeur */
margin-bottom: 0;
padding: 0;
text-align: left;
}
.haut {
position: relative;
top: 0;
left: 0;
width: 780px;
height: 80px;
font-size: 9px;
color: #FFFFFF;
background-image: url("../Images/head.jpg");
}
.menu {
position: relative;
top: 0px;
left: 0px;
width: 780px;
height: 25px;
font-size: 12px;
}
.frame {
position: relative;
top: -45px;
left: 61px;
width: 642px;
height: 380px;
overflow: auto;
font-size: 19px;
color: #214B85;
background-image: url("../Images/frame_centrale.jpg");
background-attachment:fixed;
}
.frameright {
position: relative;
top: -425px;
left: 386px;
width: 8px;
height: 380px;
background-image: url("../Images/bordure_droite.jpg");
}
.frameleft {
position: relative;
top: -45px;
left: -65px;
width: 650px;
height: 70px;
}
.frametop {
position: relative;
top: 25px;
left: 65px;
width: 650px;
height: 70px;
font-size:9px;
color:#FFFFFF;
background-image: url("../Images/marge_haut.jpg");
}
.bas {
position: relative;
top: -425px;
left: 0;
width: 780px;
height: 20px;
background-image: url("../Images/foot.jpg");
color: #000000;
font-size: 12px;
}
et mon index (page sur laquelle on reste tout le temps pendant la navigation car le contenu de la page change dynamiquement)
<body>
<div class="container">
<div class="haut">
</div>
<div class="menu">
<?php
include('menu.php');
?>
<div class="frametop">
</div>
<div class="frameleft">
<?php
// On définit le tableau contenant les pages autorisées
// ----------------------------------------------------
$page = array( 'accueil' => 'Backgrounds/bck_accueil.php',
'presentation' => 'Backgrounds/bck_presentation.php',
'engagement' => 'Backgrounds/bck_engagement.php',
'garde' => 'Backgrounds/bck_garde.php',
'charte' => 'Backgrounds/bck_charte.php',
'contact' => 'Backgrounds/bck_contact.php',
'accompagnement1' => 'Backgrounds/bck_accompagnement1.php',
'accompagnement2' => 'Backgrounds/bck_accompagnement2.php',
);
// On teste que le paramètre d'url existe et qu'il est bien autorisé
// -----------------------------------------------------------------
if ( (isset($_GET['page'])) && (isset($page[$_GET['page']])) ) {
include($page[$_GET['page']]); // Nous appelons le contenu central de la page
}
else { include('Backgrounds/bck_accueil.php');
}
?>
</div>
<div class="frame">
<?php
// On définit le tableau contenant les pages autorisées
// ----------------------------------------------------
$page = array( 'accueil' => 'accueil.php',
'presentation' => 'presentation.php',
'engagement' => 'engagement.php',
'garde' => 'garde.php',
'charte' => 'charte.php',
'contact' => 'contact.php',
'accompagnement1' => 'accompagnement1.php',
'accompagnement2' => 'accompagnement2.php',
);
// On teste que le paramètre d'url existe et qu'il est bien autorisé
// -----------------------------------------------------------------
if ( (isset($_GET['page'])) && (isset($page[$_GET['page']])) ) {
include($page[$_GET['page']]); // Nous appelons le contenu central de la page
}
else { include('accueil.php');
}
?>
</div>
<div class="frameright"></div>
</div>
<div class="bas">
<p align="center">© 2005 Association Entr'Aide Familiale - Tous droits réservés - ESC4P Informatique - <a href="mailto:webmaster@esc4p.com">Webmaster</a></p>
</div>
</div>
</body>
Voila, d'ailleur c'est aussi mon 1er message, j'espère ne pas avoir fait d'erreurs quant aux regles du forums et sur la présentation de mon post...
Ah j'oubliais, l adresse du site http://www.esc4p.com/AEF
Merci d'avance a tous!!!
PS: Ne visualiser que sur IE (si quelqu'un a une idée sur le pb de compatibilité pour FF je suis preneur!!!
) Modifié par defsquier (17 Mar 2005 - 13:06)
.
