[XHTML][CSS] Probleme d'intentation dans un div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [XHTML][CSS] Probleme d'intentation dans un div

burgergold

5$? va chez l'diable!

J'ai comme un petit probleme d'alignement
de mes divs

mon 2e div dans mon middle est tjrs un peu indenté vers la droite, et jtrouve pas la cause de ca

Code :

<!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" xml:lang="en" >
<head>
<title>Organisation Sherby</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/test.css" />
</head>
<body>
<div id="left">
<div id="logo">
<img src="images/logo.jpg" alt="" />
</div>
<br />
<div id="menu_title">
Organisation
</div>
<div id="menu_body">
<div id="menu_element">
Équipe
<br />Historique
<br />Nous contacter
</div>
</div>
</div>
<div id="right">
<div id="rcolumn1">
</div>
</div>
<div id="middle">
<div id="banner">
<img src="images/banner.jpg" alt="" />
</div>
<div id="body">
<div id="page">
Bonjour les amis
</div>
</div>
</div>
</body>
</html>

Code :

* {
font-family : Arial;
font-size : 12px;
color : #F2D825;
}
body {
background-color : #504D67;
margin-left : 10px;
margin-right : 10px;
margin-top : 10px;
margin-bottom : 10px;
}
div#left {
position : relative;
float : left;
width : 128px;
}
#menu_title {
position : relative;
background-color : #423E5B;
text-align : center;
font-size : 14px;
font-weight : bolder;
border : 2px groove #FF7E00;
}
#menu_body {
position : relative;
background-color : #423E5B;
border : 2px groove #FF7E00;
}
#menu_element {
position : relative;
margin-left : 8px;
margin-top : 5px;
margin-bottom : 5px;
}
#logo {
position : relative;
}
div#middle{
position : relative;
margin-left : 148px;
margin-right : 192px;
border : 1px solid #FF7E00;
}
#banner {
position : relative;
text-align : center;
border : 2px groove #FF7E00;
}
#body {
position : relative;
background-color : #423E5B;
height : 380px;
border : 2px groove #FF7E00;
}
#page {
position : relative;
margin-left : 10px;
margin-right : 10px;
margin-top : 10px;
margin-bottom : 10px;
}
#bottom {
position : relative;
background-color : #423E5B;
height : 40px;
border : 2px groove #FF7E00;
}
div#right {
position : relative;
float : right;
width : 172px;
}
#rcolumn1 {
position : relative;
height : 131px;
}

Message édité par burgergold le 16-06-2003 à 18:49:08

---------------
http://www.boincstats.com/signature/user_664861.gif

Publicité

burgergold

5$? va chez l'diable!

HotShot a écrit :

URL ?

jsuis un peu biaisé pour te répondre

jdéveloppe sur easyphp chez moi et mon foutu internet gateway a pas l'air d'apprécier les connexions web extérieur

edit: jvais tenter de débloquer le port rapidement

Message édité par burgergold le 16-06-2003 à 18:42:16

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

HotShot a écrit :

Nan c bon j'ai recopié dans Composer...

Je vois pas de problème... le texte (en recopiant à l'infini "bonjour les amis" ) est bien disposé en une belle colonne...

Tu testes avec quel browser ?

IE6

le probleme c pas le texte lui meme, c vrai la section "plus foncé" qui est plus indenté vers la droite que celle du logo

edit: modifie la section Middle par celle ci et tu vas voir une différence

Code :

<div id="middle">
<div id="banner">
<img src="images/banner.jpg" alt="" />
</div>
<div id="body">
<div id="page">
Bonjour les amis
</div>
</div>
<div id="body">
<div id="page">
Bonjour les amis
</div>
</div>
</div>

Message édité par burgergold le 16-06-2003 à 18:46:07

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

HotShot a écrit :

A nouveau, aucun problème.

par contre je me souviens que IE5 a un léger problème, quand un bloc est situé à côté d'un autre bloc ayant une propriété "float" : le contenu est décalé de qq pixels, en face du bloc floaté... bug de MSIE... pas super gênant, un décalage de 3 pixels vers la droite pour les qq premières lignes d'un texte...

mouep c pas mal ca

c pas trop genant si c du texte, mais là moi jai une boite de couleur plus foncé pour chaque section, donc ca parait plutot

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

sous mozilla ca passe #1

hum kess que jfais avec ca...

selon vous ca risque d'etre corriger dans IE ?

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

HotShot a écrit :

Me semble que c possible de corriger le problème, mais je sais plus comment :sweat: sûrement en jouant avec des dimensions... fixées ou % ou relatives ou...

les dimensiosn de ma section central me sont inconnu, c'est l'espace restant entre ma section left et ma section right

lorsque je fixe width: 100%; dans mon css pour #banner, #body, #bottom, jme retrouve avec un gros espace libre au dessus de #banner

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

HotShot a écrit :

Non, le développement de IE est arrêté ça restera définitivement plein de bugs

:lol:

:sweat:

:cry:

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

jcommence tout juste en xhtml, avec quelques chose qui me parait quand meme tres simple, le MSIE a un bug juste à cet endroit

pas très sympa comme 1er expérience

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

jviens de trouver que si je n'ai pas de section gauche, le probleme ne se présente pas

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

HotShot a écrit :

Ben oui, c ce que je t'ai dit plus haut...

---------------
http://www.boincstats.com/signature/user_664861.gif

Publicité

gm_superstar

Appelez-moi Super

Ouaip, bug de IE : http://forum.hardware.fr/forum2.ph [...] 221&cat=10

Et si tu mets ton "middle" en flottant aussi ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

burgergold

5$? va chez l'diable!

gm_superstar a écrit :

Ouaip, bug de IE : http://forum.hardware.fr/forum2.ph [...] 221&cat=10

Et si tu mets ton "middle" en flottant aussi ?

float quoi? float ya que left ou right comme parametre?

alors quelque chose comme

left float left
middle float right
right float right?

---------------
http://www.boincstats.com/signature/user_664861.gif

gm_superstar

Appelez-moi Super

Nan, quand on met 2 blocs consécutifs en flottant il se mettent cote à cote (s'il y a de la place) Donc tu mets le div de gauche et middle en "float: left;"

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

burgergold

5$? va chez l'diable!

mouep bien là mon middle prends seulement la largeur du logo et non toute la largeur disponible

---------------
http://www.boincstats.com/signature/user_664861.gif

burgergold

5$? va chez l'diable!

vais devoir survivre avec le bug alors

---------------
http://www.boincstats.com/signature/user_664861.gif

FORUM HardWare.fr

Programmation

HTML/CSS

[XHTML][CSS] Probleme d'intentation dans un div

Sujets relatifs
Problème d'intégrité de l'ASP dans un fichier XML	probleme avec js lors de l'interpretation de variable
[PHP] Créer un user sous Linux via un mdp crypté, probleme...	Probleme pour indiquer le chemin d'1 JavaScript dans le code HTML
[XHTML][CSS] Développer selon les nouveaux standards	problème avec du PHP qui génère du JS
[CSS / link rel/PHP] aide mon CSS marche plus si je le link... (PHP)	[C] Problème de lecture dans un fichier
un probleme
Plus de sujets relatifs à : [XHTML][CSS] Probleme d'intentation dans un div

Page générée en 0.061 secondes