Autor Zpráva
Budujínek
Profil *
Začínám se učit design pomocí css a DIV, a nějak tápu jak upravit tento layout.

Potřebuji aby se všechny tři sloupce centrovaly do středu (centrován textů zleva) a jeho maximální šířka byla cca 900px, tak aby se v menším okně (pod 900px) celý design automaticky zmenšoval našířku.

Můj kód:
<html>
<head>
<title>Design 1</title>
<style type="text/css">
<!--
body {
  margin: 0px;
  padding: 0px;
}
#header {
  background: #0f0;
  width: 100%;
}
#leftcol {
  background: #f00;
  float: left;
  width: 20%;
  height: 500px;
}
#rightcol {
  background: #f00;
  float: right;
  width: 20%;
  height: 500px;
}
#content {
  background: #fff;
  float: left;
  width: 59%;
  height: 500px;
}
#footer {
  background: #0f0;
  clear: both;
  width: 100%;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>

</body>
</html>


díky za tipy !!!
panther
Profil
Budujínek:
http://tiso.wz.cz/articles/vycentrovanie-obsahu-stranky.php - místo width tam bude max-width, nefunguje v IE.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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