Pourquoi ma mise en page est-elle vissée? (2)

Question

Possible en double:
Why my layout/css is screwed ?

Ok, corriger l'erreur signalée par le W3C n'a pas fixé la mise en page cassée.

la page où le css est cassé: messy layout

la même page, mais avec un autre texte en elle montre le résultat que exceptés: good layout

Si votre œil de lynx vous repérer l'erreur , merci d'avance;)

Answer 1

.logoteam a une largeur de 20%.

le 20% est dérivé de la largeur de .bloc-level, son élément parent.

• La page puls a une largeur de 695 px. 20% de 695 = 139px
• jango a une largeur de 421 px. 20% = 81px

Donc, pour contourner ce que vous pouvez

• a) définir une largeur de 695px sur .float1 donc 20% de 695px est toujours 139px
• b) définir une largeur sur span.logoteam être 139px

Answer 2

Définissez une largeur sur l'étendue entourant l'image.

<span class="floatl logoteam" style="width: 130px;"> 
        <img height="100" width="100" class="border_white" alt="general.jpg" src="/uploads/logo_player/general.jpg"> 
       </span> 

Answer 3

Si vous corrigez la largeur de la classe "presentation", tout ira bien aussi. On dirait que le design établit une largeur fixe pour cela, donc ça pourrait être une bonne chose de l'appliquer sur le CSS. Il vous permettra d'aligner la section centrée "Voulez-vous savoir:" avec le bouton "révéler cette offre" aussi.