Witam! Mam nastepujący problem, jestem już 'na ostatniej' prostej by ukończyć projekt strony domowej mojej klasy. Niestety na przeszkodzie stanęła mi zagwozdka dotycząca pozycjonowania ramki płynącej.
Strona wygląda dokładnie tak
http://fotoo.pl/hosting-zdjec/links/go/
Chciałbym by 'główna ramka' była po lewej stronie, wtedy pewnie nawigacja boczna przesunęła by się razem z nią ;) Niestety bawiłem się divami etc. ale nic nie działa. prosze o pomoc dla totalnego n00ba :(
A o to kod całej strony, jeżeli ktoś by chciał mogę zamieścić kod stylów CSS
<!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>Free CSS Templates </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div class="top">
<div class="header">
<div class="left"> <h1>LOGO</h1> </div>
</div>
</div>
<div class="conatiner">
<div class="navigation">
<a href="#">Home</a>
<a href="#">Templates</a>
<a href="#">Portfolio</a>
<a href="#">About us</a>
<a href="#">Contact</a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h1>Welcome to Site</h1>
<h1> </h1>
</div>
<table style="width:100%">
<tr>
<td>
<iframe id="RamkaSePlywa" name="frameName" style="border:'Solid 1px Red'; width:100%;height:500px; align="left"; >
</iframe>
</td>
<td style="witdh:90px;">
</div>
<div class="sidenav">
<h2>Archiwum</h2>
<ul>
<li><a href="http://www.axelspringer.pl" target="frameName">ASP Se kliknij </a></li>
<li><a href="http://www.newsweek.pl" target="frameName">newsweek data</a></li>
<li><a href="#">jakas data</a></li>
<li><a href="#">jakas data</a></li>
<li><a href="#">jakas data</a></li>
<li><a href="#">jakas data</a></li>
</ul>
<h2>Cos tam</h2>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
<h2>Cos tam </h2>
<ul>
<li><a href="#">cos tam </a></li>
<li><a href="#">cos tam2</a></li>
<li><a href="#">cos tam3</a></li>
<li><a href="#">cos tam4</a></li>
</ul>
</td>
</tr>
</table>
<div class="clearer"><span> </span> </div>
</div>
<div class="footer"><p>Site designed by <a href="http://www.freecsstemplate.net">Free Css Templates</a> <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p></div>
</div>
</body>
</html>
Prosze o pomoc ! Oferuje jakieś wynagrodzenie (w miare możliwości licealisty :) )