DIV rebelle

DIV rebelle - HTML/CSS - Programmation

Marsh Posté le 30-06-2009 à 17:32:20    

Bonjour tout le monde, voila j'ai un petit soucis comme vous le voyez, j'ai une DIV qui fait sa rebelle et refuse de se mettre en dessous, toute mes DIV sont en float : left
Le pire c'est que quand je place cette DIV apres le bandeau flash elle arrete ses caprices, mais impossible de la faire tenir avant le flash....
Je peux mettre mon code si ca peut aider mais je voulais pas vous barber inutilement de code indigeste
 
Merci d'avance pour toute remarques !
 
http://img269.imageshack.us/img269/2471/erreurcss.jpg

Reply

Marsh Posté le 30-06-2009 à 17:32:20   

Reply

Marsh Posté le 30-06-2009 à 18:08:34    

Je ne vois pas très bien de quelle DIV il s'agit, mais parfois, ce genre de problème est résolu par l'utilisation de clear:left; ou clear:both;
 

Reply

Marsh Posté le 30-06-2009 à 18:12:26    

je viens de tester avec clear, la div se met bien a gauche met les 2 autres du dessous ne suivent pas je met le code pour que ce soit peut etre plus clair
La div qui se balade toute seule au milieu devrait etre juste avant le flash et pas prendre une ligne pour elle toute seule
 
index.html

<!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; charset=utf-8" />
<title>Document sans nom</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
<body>
<div id="structure">
<div id="haut_gauche"></div><div id="haut"><img src="img/contour_haut.png" alt="Evra helice oise" width="718" height="29" /></div><div id="haut_droite"></div>
<div id="header_gauche"></div><div id="header"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','718','height','184','title','Header Evra Hélice Oise Creil','src','header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','header' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="718" height="184" title="Header Evra Hélice Oise Creil">
    <param name="movie" value="header.swf" />
    <param name="quality" value="high" />
    <embed src="header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="718" height="184"></embed>
  </object>
</noscript></div><div id="header_droite"></div>
</div>
</body>
</html>


 
style.css

@charset "utf-8";
/* CSS Document */
 
body {
 background-attachment: fixed;
 background-image: url(img/bg_page.gif);
 background-repeat: repeat;
 background-position: bottom;
 margin: 0px;
}
#structure {
 margin-top: 50px;
 float:none;
 position:fixed;
 height: 900px;
 width: 776px;
}
 
#haut {
 height: 29px;
 width: 718px;
 float: left;
}
#haut_droite {
 width: 49px;
 height: 28px;
 float: left;
 background-image: url(img/coinhaut_droite.png);
 background-repeat: no-repeat;
 background-position: left bottom;
}
#haut_gauche {
 width: 9px;
 height: 28px;
 float: left;
 background-image: url(img/coinhaut_gauche.png);
 background-repeat: no-repeat;
 background-position: bottom;
}
 
#header {
 float: left;
 height: 184px;
 width: 718px;
 margin: 0px;
 
}
#header_gauche {
    clear: left;
 float: left;
 height: 184px;
 background-image: url(img/contour_gauche.png);
 width: 9px;
 
 
}
#header_droite {
 float: left;
 background-image: url(img/contour_droite_haut.png);
 height: 184px;
 width: 49px;
 
 
}
#menu {
 background-image: url(../img/arr_plan_contenu.jpg);
 background-repeat: repeat-y;
 height: 55px;
 width: 1000px;
}


Message édité par Sataneo85 le 30-06-2009 à 18:19:31
Reply

Marsh Posté le 30-06-2009 à 18:20:14    

voila désolé j'ai repassé les balises en fixed, pour que tu puisse faire copier coller dans ton éditeur

Reply

Marsh Posté le 01-07-2009 à 00:22:01    

Re bonsoir les gens, si quelqu'un avait un bon cours sur les positionnements de div je patauge un peu merci

Reply

Marsh Posté le 03-07-2009 à 08:52:39    

Deja c'est bien que tu passe au div, certaine poule mouillé utilisent les tables sans faire d'effort...
Comme je t'ai dit sur ton autre topic, on ne peut pas trop t'aider si toi seul à une idée de à quoi devrait ressembler la chose...
Sur ton screen, on comprend rien...
Tiens d'ailleurs, si c'est dreamweaver, sache que son interface graphique n'est pas fiable du tout, il faut faire des preview sur IE ou FF directement...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed