28220 sujets

CSS et mise en forme, CSS3

Css supprimé par adblock

Bonjour à tous.
Un problème que je rencontre assez régulierement, c'est lorsque je mets 2 blocks en float, et que un des 2 block est une pub.
Avec adblock (plugin firefox), on peut soit masquer la pub, ou soit la supprimer.
Dans le deuxieme cas, mon css de marge ,en aval, est completement supprimé.

En dessous de ces 2 blocks, j'ai normalement le cadre de mon site qui doit se placer par une marge en hauteur, et dans ce cas la, elle n'est pas prise en compte.
Le problème n'apparait pas lorsqu'on cache la pub.

Avez vous aussi ce problème ?
avez vous trouvez un moyen d'y palier ?

pour l'exemple regarder mon site page d'accueil
Modifié par Ti_ouf (06 Aug 2005 - 15:08)
Salut,
peut être imbriquer ta pub dans un conteneur et appliquer le positionement à ce conteneur plutôt qu'à ta pub.
Salut
j'applique le style a mon block qui contient lui la pub adsense.

Voici mon code :

#header1
{
background-image: url(http://junbi.free.fr/image/junbi.jpg);
width: 320px;
height: 90px;
background-repeat: no-repeat;
float: left; 
margin-right: 5em;
}

<div id="header1" title="Bienvenue sur Junbi"></div>

<div><script type="text/javascript"><!--
pub adsense
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </div>


voici les screens :
Sous firefox, avec adblock, en masquant les pubs http://img348.imageshack.us/img348/9748/screenshot0014mq.jpg


Sous firefox en supprimant les pubs: http://img348.imageshack.us/img348/8981/screenshot0029qp.jpg

Sous Ie sans rien : http://img198.imageshack.us/img198/6681/screenshot0039zo.jpg

bon j'ai visiblement en gros soucis que je ne sais résoudre ...
Modifié par Ti_ouf (06 Aug 2005 - 16:02)
La suppression de ton contenu publicitaire provoque probablement une fusion des marges verticales entre les deux parties de ton contenu qui se retrouvent, du coup, immédiatement l'une après l'autre. Voir le lien ci-dessus pour les moyens d'empêcher cette fusion en modifiant une propriété d'un des deux éléments.
Sinon, chercher ce que donne un "clear" appliqué à l'élément suivant.
Modifié par Laurent Denis (06 Aug 2005 - 16:09)
bonjour et merci pour ta réponse.
en fait voici plus de code me concernant :
body 
{
margin: 0;
padding-left: 3px;
background: #99CCFF;
font: 80% Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#global
{
padding-top: 5px;
margin: 0;
width: 100%;
height: 100%;
}

#header1
{
background-image: url(http://junbi.free.fr/image/junbi.jpg);
width: 320px;
height: 90px;
background-repeat: no-repeat;
float: left;
margin-right: 5em;
}

<div id="global">

<div id="header1" title="Bienvenue sur Junbi"></div>
<div>//pub ici
</div>
</div>

j'ai appliqué un padding-top au conteneur id=global .
Est ce parce que je n'ai aucun contenu dans mon header ?
je ne suis pas sur d'avoir bien compris cette histoire de marge supérieur dans mon cas ...
Modifié par Ti_ouf (06 Aug 2005 - 16:21)
personne n'a d'idée ?
j'ai tout enlevé face au problème!
je met donc un lien qui démontre le problème!
A essayer en désactivant adblock, en l'activant et en "cachant les pubs" puis en "suppr les pubs"

le lien : http://junbi.free.fr/page/pub.html
Modifié par Ti_ouf (08 Aug 2005 - 15:21)
Sujet clos
Aller à