28220 sujets

CSS et mise en forme, CSS3

[Résolu] Probleme de mise en page

bonjour,

sur mon site, j'ai une entête, un menu et une partie ou est affiché le contenu.
Lorsque je clique sur mes liens dans le menu, la partie de droite charge la page mais elle est décalé vers le bas, je voudrais pouvoir la caler en haut.

J'utilise php pour l'appel des pages

merci pour vos conseils

voici mon fichier css :

body {
margin: 0;

font-family: verdana, arial, sans-serif; 
font-size: 12px; 
}

.head1 {
width: 770px;
height: 91px;
}

.head2 {
background-color: #00a2ff;
width: 770px;
height: 36px;
} 

.logo {
float: left; 
margin-right: 10px;  
margin-top: 3px;
border: 0;
}

.gauche {
position: absolute;
left:0; 
width: 181px;
height: 337px;
}

.centre {
margin-left: 181px; 
width: 586px;
margin-top: 0%;
position: top;
}

.menu { 
margin-top: 30px;
width: 160px;
border: 1px solid #060C6F;
background-color: #fff2bc;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}

h1 {
font-size: 140%;
text-align: right;
}


h2	{
font-size: 100%;
text-align: right;
}

ul,li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}

Modifié par briiice (28 Dec 2005 - 10:30)
Hello,

Un petit lien vers ton site, ou ta page à probleme serait le bienvenu !
le code css seul n'est pas tres explicite...... ( pour moi en tout cas! ) Smiley lol
Voivi ma page index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>mon site</title>
  <link href="styles.css" rel="stylesheet"
 type="text/css">
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
 link="#0000ee" vlink="#551a8b">
<div class="head1">
<img src="logo.jpg" class="logo" alt="logo"></div>
<div class="head2">
<?php $date = date("d-m-Y"); $heure = date("H:i"); Print("Nous sommes le $date"); ?></div>
<br>
<ul class="menu">
  <li style="font-weight: bold;"><a
 href="test.php?page=accueil">ACCUEIL</a></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Chiffres
et produits</big></li>
  <li><a href="test.php?page=chiffres">Chiffres</a></li>
  <li><a href="test.php?page=produits">Produits</a></li>
  <li><a href="test.php?page=divers">divers</a></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Ressources</big></li>
  <li><a href="annuaire/liste.php">Annuaire</a></li>
  <li>Mod&egrave;les&nbsp;documents</li>
  <li style="background-color: rgb(255, 153, 0);"><big>Aide</big></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Divers</big></li>
  <li>Photos &eacute;v&egrave;nements</li>
</ul>
<div class="centre">
<?php if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; switch($page) { case 'accueil': include ('accueil.php');break; case 'chiffres': include ('chiffres.php');break; case 'divers':include ('divers.php');break; case 'produits':include ('produits.php');break; case 'photos':include ('photos.php');break;} ?></div>
</body>
</html>
Bonjour,

Il n'y a pas de conteneur .gauche dans ton code HTML. Le menu n'est donc pas positionné...
Modifié par Laurent Denis (28 Dec 2005 - 10:16)
Sujet clos
Aller à