Am o mica problema.. Pana acum nu am facut layouturi propriu zise, si am vrut sa fac un template pentru Etomite. Totul a iesit bine, doar ca textul iese din pagina (vertical,nu orizontal). Am inclus in attachment un screen cu problema.
Codul html e asa
<!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><title>wog</title>
[!MetaTagsExtra!]
<link rel="stylesheet" type="text/css" media="screen" href="/templates/wog/style.css" />
</head>
<body>
<center>
<div class="header"><span class="date">[!DateTime!]</span></div>
<div class="content">
<div class="main">[*content*]</div>
<div class="side">
[!ListMenu!]</div>
</div>
<div class="footer"></div></center></body>
</center>
</body>
/* CSS Document */
body {color:#fff; background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
a:link {color:#725932; font-style:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:hover {color:#917140; font-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:visited {color:#725932; font-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:active {color:#725932; font-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.content {background: url(http://localhost/etomite0614/templates/wog/images/content.gif) repeat-y; width:772px; height:500px;}
.header {background: url(http://localhost/etomite0614/templates/wog/images/header.gif) no-repeat; width:772px; height:181px;}
.main {float:left; color:#ededed; padding-left: 20px; clear:none; width:550px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.side {float:right; color:#f0f0f0; padding-right: 70px; width:130px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.footer {background: url(http://localhost/etomite0614/templates/wog/images/footer.gif) no-repeat; width:772px; height:70px;}
.date {color:#f0f0f0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-top: 30px; padding-right:50px;}
