Lida 4700 vezes
<div id="cdbody"> <div id="cbesq"></div> <div id="cbbody"> Teste </div> <div id="cbdto"></div> </div>
#cdbody { width: 504px; height:100px;} #cbesq { width: 14px; height: 100%; float: left; background: url(content/sbesq.png) no-repeat; } #cbdto { width: 18px; height: 100%; float: right; background: url(content/sbdto.png) no-repeat; } #cbbody { width: 472px; height: 100%; float: left; background: url(content/background.png) repeat-x; }
min-height:100%;height:auto;
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Teste</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div id="teste"> <div id="teste1">teste</div> <div id="teste2">Test</div> <div id="teste3">teste</div></div> </body></html>
* { margin: 0px; padding: 0px; list-style: none; }#teste { width: 500px; height: 100px;}#teste1 { width: 100px; height: 100%; background-color: #39C; float: left;}#teste2 { width: 100px; height: 100%; background-color: #45A; float: left;}#teste3 { width: 300px; height: 100%; background-color: #FDA; float: left;}
<div style="width:200px;">TEXTO</div>
HTML + CSS
UI & UX Design
Conversa Geral