Как да направя дизайна да не се размества?

A

Anton40

Registered
Как да направя дизайна да не се размества под различните резолюций на хората. Казаха ми при кодирането да правя един главен div и в него всички останали divove и на този главен div да му задам ширина. Но каква ширина да му задам?
 
Нещо ей такова трябва да ти представлява кода и стила:
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#glavendiv { width: 850px; margin-right: auto; margin-left: auto; background-color: #999; padding: 5px; }

#glavendiv #vytresjendiv1 { background-color: #CCC; float: left; width: 500px; }

#glavendiv #vytreshendiv2 { background-color: #FF9; float: right; width: 300px; }
</style>
</head>

<body>
<div id="glavendiv">
  <div id="vytresjendiv1">
    <p>Duis aute irure dolor velit esse cillum dolore consectetur adipisicing elit. In reprehenderit in voluptate ut enim ad minim veniam, cupidatat non proident. Ut aliquip ex ea commodo consequat. Qui officia deserunt eu fugiat nulla pariatur. Sunt in culpa quis nostrud exercitation sed do eiusmod tempor incididunt. Mollit anim id est laborum. Velit esse cillum dolore ullamco laboris nisi consectetur adipisicing elit. Excepteur sint occaecat. Sed do eiusmod tempor incididunt ut aliquip ex ea commodo consequat. Excepteur sint occaecat in reprehenderit in voluptate ullamco laboris nisi. Eu fugiat nulla pariatur. Consectetur adipisicing elit, qui officia deserunt velit esse cillum dolore. Sed do eiusmod tempor incididunt excepteur sint occaecat mollit anim id est laborum. Ut enim ad minim veniam, eu fugiat nulla pariatur.</p>
    <p> Consectetur adipisicing elit, cupidatat non proident, ullamco laboris nisi. Lorem ipsum dolor sit amet, ut labore et dolore magna aliqua. </p>
    <p>Duis aute irure dolor ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Mollit anim id est laborum. Sunt in culpa lorem ipsum dolor sit amet, excepteur sint occaecat. Qui officia deserunt velit esse cillum dolore sed do eiusmod tempor incididunt. Ut aliquip ex ea commodo consequat. </p>
    <p> </p>
  </div>
  <div id="vytreshendiv2">
    <p>Ullamco laboris nisi eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor excepteur sint occaecat in reprehenderit in voluptate. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Cupidatat non proident, duis aute irure dolor excepteur sint occaecat.</p>
    <p>Eu fugiat nulla pariatur. Sunt in culpa sed do eiusmod tempor incididunt consectetur adipisicing elit. In reprehenderit in voluptate.</p>
    <p>minim veniam, mollit anim id est laborum.</p>
  </div>
  <div style="clear:both"></div>
</div>
</body>
</html>
 
Anton40 каза:
Как да направя дизайна да не се размества под различните резолюций на хората. Казаха ми при кодирането да правя един главен div и в него всички останали divove и на този главен div да му задам ширина. Но каква ширина да му задам?
Увеличете...

колкото искаш да е ширината на сайта примерно 980 пиксела и трябва да му зададеш също margin:0 auto; за да се центрира
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе