2008-09-29 24 views
1

Je veux que les 2 colonnes touchent ie. enlever les marges, comment puis-je faire cela?Yui, comment supprimer les marges pour une disposition de 2 colonnes?

Mon code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
    <TITLE>testing</TITLE> 
    <!-- css --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css"> 
<!-- js --> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.5.2/build/utilities/utilities.js"></script> 
<style> 
.yui-b { 
    background-color: #eeeeee; 
} 


</style> 
</HEAD> 

<BODY> 
    <div id="doc3" class="yui-t1"> <!-- change class to change preset --> 
     <div id="hd">header</div> 

     <div id="bd"> 
      <div id="yui-main"> 
     <div class="yui-b"> 
      bd.main 
      </div> 
      </div> 

      <div class="yui-b">bd.other</div>   
     </div> 

     <div id="ft">footer</div> 
    </div> 
</BODY> 
</HTML> 

Répondre

1

Ajouter une classe à la colonne de droite et définir la marge gauche à 0.

Si cela ne fonctionne pas, vous pourriez avoir à augmenter la largeur de 1 ou 2 % Vous pouvez utiliser firebug pour vérifier les styles appliqués et les modifier à la volée.

+0

n'a pas fonctionné pour moi. –

1

Notez que vous utilisez YUI (Yahoo UI).

Recherchez le YUI reset.css. Chaque navigateur a des marges, des remplissages, des tailles de police par défaut potentiellement différents. Vous devriez vraiment commencer chaque application web avec un fichier reset.css comme ça pour tout ramener à un dénominateur commun. Sinon, vous risquez de vous retrouver en train de "réparer" le problème, seulement pour qu'il apparaisse de nouveau lorsqu'il est vu depuis une autre machine/plate-forme.

Si tout va bien vous devriez commencer avec tous les éléments de bloc n'ayant aucune marge ou remplissage et puis vous pouvez plutôt ajouter des marges et rembourrer là où vous en avez besoin.

0

Notez que vous utilisez YUI (Yahoo UI).

Questions connexes