Ne peux pas comprendre comment avoir une image et texte côte à côte dans un div et de le garder réactif, violon inclus

Je vais avoir un moment difficile de codage cet effet. Jusqu'à présent avec ce que j'ai, il fonctionne à certains navigateur largeurs, mais si vous étirez le navigateur autour de vous verrez des choses hors de l'endroit.

http://jsfiddle.net/Hq8C4/

J'ai mis

           float:right;
           float:left;

et quelques autres trucs que j'ai essayé de vous pouvez le voir dans la tripoter.

voici ce que j'ai à faire..
1. J'ai besoin pour la div contenant de rester à la largeur de 100%
2. J'ai besoin d'une image de conteneur (qui colle au fond de la div) et un paragraphe contenant que chacun prennent 50% de l'écran et d'avoir de la place sur le côté (padding) pour ne pas toucher le navigateur frontières.
3. J'ai besoin d'elle pour être réactif. Je peux mettre une balise meta pour rendre le paragraphe hop ontop le téléphone et le centre à la fois une fois que le navigateur atteint une largeur plus petite mais quand ses grands, ils doivent être séparés comme sur la photo fournie.
***4. pas de scroll.

Si vous les gars ont besoin de moi pour clarifier quelque chose s'il vous plaît commentaire et je vais répondre presque instantanément!

Merci beaucoup pour l'aide!

ps. Veuillez inclure un violon.

Ne peux pas comprendre comment avoir une image et texte côte à côte dans un div et de le garder réactif, violon inclus

  • que voulez-vous dire "des choses hors de place"? dans votre violon, l'image et le texte sont toujours côte à côte
  • Je suis très confus au sujet de ce que vous voulez vraiment. Pouvez-vous fournir un fil de fer ou quelque chose pour elle peut-être?
InformationsquelleAutor user3145782 | 2014-01-16