Viskas apie CSS

Diskusijos apie WWW svetainių kūrimą.
Žinutė
Autorius
Vartotojo avataras
Laurynas
administratorius
administratorius
Pranešimai:2011
Užsiregistravo:2001 12 06 09:51
Miestas:Vilnius

#16 Standartinė Laurynas » 2006 05 03 13:35

Septinta pamoka.

Pilnas kodas:

Kodas: Pasirinkti visus

<html> 
<head> 
<title>THREE-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px; 
  padding: 0px; 
} 
#header { 
  background: #0f0; 
  width: 100%;
  height: 15%; 
} 
#leftcol { 
  background: #f00; 
  float: left; 
  width: 20%; 
  height: 70%; 
} 
#rightcol { 
  background: #f00; 
  float: right; 
  width: 20%; 
  height: 70%; 
} 
#content { 
  background: #fff; 
  float: left; 
  width: 59%; 
  height: 70%; 
} 
#footer { 
  background: #0f0; 
  clear: both; 
  width: 100%;
  height: 15%; 
} 
--> 
</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>
Siuo atveju turime simtaprocentini FULL SCREEN dizaina.
Nors laikausi nuomones kad headeris turi buti stabilus.
:!:

Skelbti atsakymą

Grįžti į

Dabar prisijungę

Vartotojai naršantys šį forumą: 1 ir 0 svečias(ių)