11496 sujets

JavaScript, DOM et API Web HTML5

Alternative Include en javascript: problème...

Bonjourà tous!

Je rencontre un petit problème avec mon code.
Tant que les pages appelées contiennent juste du texte, il s'affiche correctement.
En revanche, quand j'appelle un fichier avec des div ca ne respecte plus systématiquement le css.
A noter que les div s'ouvrent dans un fichier et se ferment dans l'autre.
A noter également que, lorsque je mets du texte dans header1.html il apparait dans le cadre css appelé.
Ce n'est plus le cas quand je mets du texte dans footer.html, il apparait mais pas dans le cadre ccs alors qu'il se trouve entre les mêmes balises...

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<link rel="stylesheet" type="text/css" href="../style/style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(function(){
    $("#div1").load("header1.html");
    $("#div2").load("header2.html");
    $("#div3").load("footer.html");
  });
});
</script>
</head>

<body marginwidth="0">


<div id="div1"></div>


titre


<div id="div2"></div>


<div id="div3"></div>




</body>
</html>


HEADER1.HTML:


<div id="menug">
	<div id="contener">
		<div id="margin-menu">


FOOTER.HTML:

		footer
		</div>
	</div>
</div>


Pour information header2.html est vide pour le moment...


CSS:

A { 
color:#457DBB; 
text-decoration:none; 
}

A:hover { 
color:#457DBB; 
text-decoration:underline; 
}

A:visited { color:#457DBB;text-decoration:none;}


#cadre_titre {
width:450px;
margin-left:78px;
padding:10px;
background-color:#E8F0F9;
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0	px solid #000000;
color : #457DBB;
font-family:calibri, sans-serif;
font-size: 25px;
  box-shadow: 4px 4px 12px #E1E2E2;
float:left;
border:0px solid red;
}

#cadre_icones {
position: fixed;
width:220px;
margin-left:800px;
padding:10px;
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
color : #457DBB;
font-family:calibri, sans-serif;
font-size: 25px;
float:right;
border:0px solid green;
 }

#cadre_resume {
width:800px;
margin-left:78px;
padding:10px;
background-color:#E8F0F9;
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0	px solid #000000;
color : #457DBB;
font-family:calibri, sans-serif;
border:0px solid pink;
}
	

#cadre_chapitre {
width:250px;
height:20px;
margin-left:78px;
padding:10px;
background-color:#E8F0F9;
border-left:0px solid #000000; /* couleur du cadre */
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-top:0	px solid #000000;
color : #457DBB;
font-family:calibri, sans-serif;
font-size: 15px;
font-weight: bold;
border:0px solid brown;
}


.paragraphe
{
margin-left:78px;
font-family:calibri, sans-serif;
margin-left:78px;
border:0px solid black;
}



#contener{
    height:100%;
    margin:auto;
    border:0px solid yellow;
}
 
#menug{
    float:left;
    width:168px;
    height:100%;
    background-image:url('../images/fondgauche.png');
    background-repeat: no-repeat;
    position: fixed;
    border:0px solid purple;
}

Modifié par benjea06 (02 Apr 2014 - 12:10)
Sujet clos
Aller à