xhtml css flotte etc aide

Je pense vraiment de retourner aux tables parce que cela est juste # ¤ € &/@ £ toujours quelque chose ....xhtml css flotte etc aide

<div style="float: left; width: 20%"> 
#1 <a>SmokA</a><br /> 
<small>Admin</small><br /> 
<small>2009-08-07</small> 
</div> 

<div style="float: right; width: 80%"> 
I would buy a boat 
</div> 

<div style="clear:both"></div> 

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div> 


<div style="float: left; width: 20%"> 
#2 <a>BusHka</a><br /> 
<small>Old school</small><br /> 
<small>2009-08-07</small> 
</div> 

<div style="float: right; width: 80%"> 
<a href="#comment1">#1</a> is stupid 
</div> 

<div style="clear:both"></div> 
<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

Cela donne: http://i29.tinypic.com/2iawh83.png

Un immense espace dans le premier div. Pourquoi? il DonT s'il y a plus de 10 commentaires pour une raison quelconque

ignorer les commentaires stupides

Source

2009-08-09 Anonymous

Ce code exact n'a pas d'espacement vertical supplémentaire, pouvez-vous fournir le vrai code que vous utilisez? –

Dans quel navigateur visualisez-vous ceci? Et y a-t-il d'autres informations de style que vous chargez qui pourraient affecter cela? – Karl

Cela peut être plus facile si vous venez de vous connecter à une version hébergée de la page. Je suis d'accord avec le consensus selon lequel il ne semble pas y avoir de problème avec ce que vous nous avez donné jusqu'ici. –

Je serais prudent d'avoir une largeur de 20% et 80% prévoient sur une seule ligne: en cas de remplissage ou de bordure ils ne le feront pas. Il regarde la façon dont il devrait en ff 3.: D

Source

2009-08-09 00:46:20

Vous avez raison, mais dans la capture d'écran, ils correspondent, ce n'est pas le problème. – RichieHindle

votre code HTML dans Coller le corps de mon générique test-code HTML-de-Pile-débordement de fichier:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head> 
<title>Test</title> 
</head><body> 
<!-- Rebadow's code here --> 
</body></html>

montre aucun problème. Votre problème doit se situer ailleurs, comme dans votre CSS par exemple.

Source

2009-08-09 00:48:07 RichieHindle

si vous utilisez IE6 en utilisant 20% avec 80% avec causera souvent la ligne à déborder, je l'habitude d'utiliser 20% 79% et vous devriez être ok

pour voir si elle est quelque chose essayer débordement d'ajouter trop-plein : caché aux divs et voir s'ils s'alignent, si oui, vous savez que quelque chose déborde.

Avez-vous utilisé un firebug ou un autre outil d'inspection pour voir quelles sont réellement les hauteurs et les largeurs?

Source

2009-08-09 00:50:24 MJJames

Essayez d'ajouter un div wrapper autour de vos flottants. C'est juste pour voir si quelque chose au-dessus de cela l'affecte d'une manière ou d'une autre.

<div style="clear:both"> 
<div style="float: left; width: 20%"> 
#1 <a>SmokA</a><br /> 
<small>Admin</small><br /> 
<small>2009-08-07</small> 
</div> 

<div style="float: right; width: 80%"> 
I would buy a boat 
</div>  
</div> 

<div style="clear:both"></div> 

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

De même, je ne ferais pas un div juste pour afficher une ligne, mais c'est un autre problème entièrement. Peut-être essayer une balise HR, ou envelopper ce div autour de tout, c'est juste pour rendre le code plus logique.

Source

2009-08-09 01:36:33 Karl

xhtml css flotte etc aide

Répondre

Questions connexes