Autor Zpráva
martinAmartin
Profil
Prosím o radu, čo treba napísať do kódu html , aby sa stránka vždy flexibilne zobrazovala na celú šírku akéhokoľvek monitora?
Ďakujem martin
srigi
Profil
Nic netreba pisat. Vsetky blokove elementy sa defaultne roztiahnu na max. sirku svojho rodica. Korenovym rodicom je element body a ten ma defaultne sirku viewportu (zobrazovanej plochy prehliadaca). Ak teda zapiseme tento kod:

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <meta http-equiv="content-language" content="sk" />
  <title>PROJECT NAME</title>
  <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
</head>
<body>
</body>
  <div id="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue lorem, aliquet et volutpat in, aliquet sed neque. Nulla sem ipsum, rhoncus eu feugiat et, sollicitudin non sem. Vivamus quis condimentum tellus. In eu odio vitae ligula rhoncus vulputate. Etiam luctus, nibh nec fringilla tristique, libero est pretium erat, sit amet feugiat neque arcu sit amet velit. Praesent eu nulla et ante lacinia vehicula id nec risus. Integer pellentesque rutrum lobortis. Vivamus pretium diam ac libero vehicula laoreet. Duis id lorem id turpis venenatis mollis id in urna. Nulla scelerisque, erat in dapibus porttitor, arcu nunc consectetur metus, sit amet lobortis est libero et metus. Mauris sit amet porta orci. Quisque neque massa, malesuada vitae laoreet non, interdum eget nibh. Aenean vel dignissim leo. Cras dapibus, est ac dictum molestie, libero turpis consequat erat, et ullamcorper ante enim eget urna. Ut egestas, magna eget dignissim cursus, lectus leo varius nisl, varius convallis magna dolor quis nunc. Phasellus fringilla laoreet nibh, a varius ligula venenatis eu. Praesent libero risus, commodo ut tincidunt in, tincidunt et nulla. Nulla tincidunt condimentum ullamcorper. 
  </div><!-- box -->
</body>
</html>

main.css
body {background-color:#dde;}
#box {border:2px solid navy;}


div#box sa roztiahne na max.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: