18073 sujets

Questions générales et questions de débutants

Bordure de page

Bonjour,
j'ai une page composée d'un menu a gauche et d'un corps avec bordure.
Les dernier éléments de mon corp sont deux images.
Il m'est impossible de voir la bordure basse de mon corps.
Auriez vous une solution SVP??
Merci!!!!!

Voiala mon code :
 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Date de création: 11/06/2005 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="FFF [Gory]" />
<meta name="generator" content="WebExpert 5" />
<link rel="stylesheet" media="screen" type="text/css" title="essai" href="sansnom(2).css" />
</head>
<body>

<div id="conteneur">

		<div id="banacc">	
			<img class="ban" src="Image/Image Gif/xxx.gif"/>
			<img class="logo" src="Image/Image Gif/xxxx.gif" alt="image a gauche" />
			<img class ="logo1" src="Image/Image Gif/xxxx.gif" alt="image a droite"/>
			<p class="textban">xxxxxxxx</p>
		</div>
		
			<div id="menu">
   				<img class="imgfut" src="Image/Photos/xxx.jpg" border="0"/>
				<p class="menuacces"><a href="acces.html">Acces</a></p>
				<p class="menucontact"><a href="xxxxx.html">Contact</a></p>
			</div>
		
				<div id="compteur">
					<p class="compt">Vous êtes le xieme visiteur</p>
				</div>
				
	
	<div id="corps">
	  <div id="acces">
   			<p class="Titre">xxxxx</p>	
			<p class="textacces">xxxxxxxxxx.</p>
			
			<img class="imgacces" src="Image/Photos/xxxxx.jpg" border="0"/>
			<img class="imgacces" src="Image/Photos/xxx.jpg" border="0"/>
			
			<p class="textacces">xxxxxxxxxx</p>
			
			<p class="texttitreacces">xxxxxxxxxxxx</p>
			<img class="imgacces1" src="Image/Photos/xxx.gif" border="0"/>
			<a href="plan.html" title="Cliquer sur le plan pour agrandir"><img class="imgacces1" src="Image/Photos/xxx.jpg" border="0"/></a>
		</div>
	</div>

</div>
</body>
</html>

et mon style css :

@charset "iso-8859-1";
body {margin: 0px}


#conteneur {margin-left: -450px; position: absolute; left: 50%}

/*Style Banniere*/

#conteneur {margin-left: -450px; position: absolute; left: 50%}
#banacc {width: 900px; height: 80px; margin-top: 30px}
.ban {width: 900px; height: 80px; position: absolute; margin-right: 20px; z-index: 1;}
.logo {width: 80px; height: 80px; position: absolute; margin-left: 10%; margin-top: -5px; z-index: 1;}
.logo1 {width: 80px; height: 80px; position: absolute;margin-left: 80%; margin-top: -5px; z-index: 1;}
.textban {position: absolute; margin-left: 250px; margin-top: 35px; color: #006600; font-size: 1.5em; font-family: Algerian; font: bold; z-index: 1;}


/*style menu et corps*/

#menu{position: absolute; width: 200px; height: 350px; margin-top: 100px}
#menu a {color: #FF0000}
#menu a:hover {background: yellow;}
/*#menu a:visited {color: #0000CC}*/
.imgfut {width: 200px; height: 300px; position: absolute; margin-left:0px ; margin-top: 0px;}
.menuacces {position: absolute; margin-left: 65px; margin-top: 210px; font: oblique  normal medium; font-family: Algerian;}
.menucontact {position: absolute;margin-left: 55px; margin-top: 245px; font: oblique  normal medium; font-family: Algerian;}
#compteur {position: absolute; width: 200px; height: 50px; margin-top: 500px}
.compt {position: absolute; margin-left: 10px;font: bold  Comic Sans MS; color: #000099}
#corps {position: absolute; width: 670px; margin-top: 40px; margin-left: 230px; border: 2px solid #FF5C1E; border-width: 5px;}
.titre {font-family: Jokerman; color: #6b006b; text-align: center; font-size: 1.7em; font: bold}

/*style page Acces*/

#acces { padding: 0px; padding-top: 10px}
.textacces {text-align: justify; font-family: Comic Sans MS; font-size: 0.8em; color: #254B00; font: bolder;}
.imgacces {width: 300px; height: 200px; margin-left: 5px}
.texttitreacces {font-family: Harrington; color: #000099; font-size: 1em;font: bold; text-decoration: underline}
.imgacces1 {width: 300px; height: 250px; margin-left: 5px; padding: 0px;}


Merci!!!!!!!
Salut,

J'ai fait l'essai et sous Firefox c'est bon on voit tout l'élément corps.

Par contre sous I.E, c'est vrai que l'on ne voit pas le bas.

IL faut que tu diminue le margin-top de #banacc ou le margin-top de #corps.

D'autre part, fais gaffe car #banacc fait 900px de largeur et donc ton site ne sera pas optimisé pour un écran de 800x600.
Bonsoir,
je viens d'essayer mais toujours pareil.
J'ai diminuer au max les margin-top mais cette bordure n'apparait toujours pas.
As tu une solution.
Merci!!!!!!!!!
Chez moi ça marche.

J'ai mis un margin-top de 10px au lieu de 30 et je vois la bordure du bas !
Modifié par tanguy (30 Oct 2005 - 07:43)
Administrateur
Bonjour,

arnaud30490 a écrit :

j'ai toujours la solution .

il fallait lire "j'ai toujours PAS la solution" je suppose?

As-tu appliqué la solution proposée par tanguy? Si non, qu'est-ce qui te bloque? Si oui et que ça ne fonctionne pas, quelle version d'IE utilises-tu?
Sujet clos
Aller à