Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1692 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DIV rebelle

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

DIV rebelle

n°1900696
Sataneo85
Posté le 30-06-2009 à 17:32:20  profilanswer
 

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

mood
Publicité
Posté le 30-06-2009 à 17:32:20  profilanswer
 

n°1900705
olivthill
Posté le 30-06-2009 à 18:08:34  profilanswer
 

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;
 

n°1900706
Sataneo85
Posté le 30-06-2009 à 18:12:26  profilanswer
 

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
n°1900708
Sataneo85
Posté le 30-06-2009 à 18:20:14  profilanswer
 

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

n°1900824
Sataneo85
Posté le 01-07-2009 à 00:22:01  profilanswer
 

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

n°1901855
abais
Posté le 03-07-2009 à 08:52:39  profilanswer
 

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.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  DIV rebelle

 

Sujets relatifs
[résolu] Div en overflow:auto, garder le focus en bas ?[RESOLU]Affichage DIV sur place dispo avec ascensseur
Menu en DIV (id ou class ?)Espace sous Div avec IE7
Comment ne charger qu'un DIV en cliquant sur un lien du menu ?Eviter superposition background DIV
Web script DIV position points tout navigateurCSS et DIV
[CSS] Div qui ne veut pas être à 100%[CSS] : Plusieurs Div dans un Div conteneur
Plus de sujets relatifs à : DIV rebelle


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR