Forum Clubic

Problème de "débordement" à droite (ie 6)

Bonjour à tous, c’est un soucis que je rencontre régulièrement dès que j’ai dreamweaver dans les pattes, je sais pas si c’est lié mais bon…

J’ai un décallage sur cette page, c’est à dire que “ca dépasse à droite” dès que la barre de scrolling verticale s’affiche… si elle n’est pas présente j’ai pas de soucis, mais dès que mon texte est très “haut” ca déborde côté droit… :frowning: :frowning: :frowning: Le tout sous IE 6.0 (sur le 7 on dirait que ca marche sans soucis.

Voilà une photo (j’ai censuré certaines zones “confidentielles” ^^) :

http://img257.imageshack.us/img257/5381/exempleim6.th.png

J’ai deux blocs, le breadcrumbs et le main bloc qui sont affectés !

Voilà le code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<link rel="stylesheet" type="text/css" href="../dcsstyles.css">
</head>

<body>
<p class="breadcrumbs"><a href="../index.html"><img src="../img/home.png" width="16" height="16" border="0" align="absmiddle" 

/> Home</a> >> <a href="index.html">Edito</a></p>

<div class="mainblock">

<div style="text-align:left;width:200px;position:relative;float:right">
<img src="../img/fakepic.gif" width="180" height="220" />

</div>

<p> EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO 

EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO 

EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO EDITO</p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p><p>TEST TEST TEST TEST 

TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>

<p>TEST TEST TEST TEST TEST TEST TEST TES T EF ZE FSD GF SDFG DF G DFG DF GDF G DFG DF GDF G DF </p>
</div>
</body>
</html>

Essaies de régler l’overflow-x/y en css.
Si tu n’arrives pas à ce que tu veux, montre nous ta feuille de style qui ets appelé au début du doc, ou du moins pour les mocreaux concernés.

J’ai oublié l’essentiel en effet ^^

=>

a:link, a:visited { text-decoration: underline}
a:hover, a:active { text-decoration: underline overline}

/* Body, P, TD, UL { font-family: Arial, Helvetica, sans-serif;}*/

.breadcrumbs{
font-family:Arial, Helvetica, sans-serif;
border:#333 solid 1px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited{
color:#3C1503;
text-decoration:none;
}

.breadcrumbs a:hover,
.breadcrumbs a:active{
color:#F7B100;
}

.mainblock{
font-family:helvetica;
font-size:13pt;
border:1px solid black;
padding-left:20px
}