Appliquer un “min-marge” pour un design fluide

Je suis en train de construire un site qui fonctionne mieux en assez haute résolution, mais aussi des diapositives de gauche aussi loin que possible lorsque la résolution est plus faible.

Je ne suis même pas sûr de ce code à copier dans ici, donc le lien est:

projects.thomasrandolph.info

Ce dont j'ai besoin est pour le côté gauche de #page pour arrêter le glissement de gauche à droite de #logo plus quelques pixels. C'est 13.25em à partir de la gauche de la page.

J'ai mis de la marge de gauche de #page à 13.25em, ce qui semble correct, mais à des résolutions plus élevées, la page semble étrange parce qu'elle n'est pas centrée. Je veux conserver le centrage, mais aussi l'arrêter coulissantes à un certain point.

Donc je veux la gauche de ne pas aller plus loin sur la gauche de cette:

Appliquer un “min-marge” pour un design fluide

J'aurais LARGEMENT préférer Si je pouvais le faire avec de la pure CSS sur les deux éléments que j'ai noté ici, mais je peux ajouter du code HTML nécessaire.

J'ai été mal pour un long moment avec la façon même de POSER cette question, donc merci de me poser des questions, ou modifier cette question afin d'améliorer la clarté de la question.

Mise à jour:

Voici des images de la façon dont il actuellement ressemble à deux résolutions:

1920

Appliquer un “min-marge” pour un design fluide

1280

Appliquer un “min-marge” pour un design fluide

Voici une image de la façon dont il devrait regarder les résolutions ci-dessous d'environ 1540:

Appliquer un “min-marge” pour un design fluide

Une résolution supérieur à ~1540 serait à glisser doucement vers la droite, comme il le fait actuellement.

que faire si vous donnez le conteneur principal div une largeur fixe avec de la marge d'auto? Cela vous permettra de toujours garder le contenu au milieu dans n'importe quelle résolution (mais la largeur ne sera pas moins de largeur spécifiée) - vous pouvez maintenir l'image d'arrière-plan en donnant aux parents les éléments. J'espère que c'est clair ce que je veux dire 🙂
Une maquette de ce qu'il devrait regarder avec 1024px largeur vs 1920px largeur qui pourrait la rendre plus claire.
J'ai ajouté quelques captures d'écran, comment se comporter dans diverses résolutions, et je veux agir. laissez-moi savoir si ça aide ou pas.

OriginalL'auteur rockerest | 2011-06-28