Pozycjonowanie ramki pływającej ;)

0

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>&nbsp;</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 :) )

0

Ja bym Cię zbanował za rozmiar tego zdjęcia ;P
Napisz konkretnie co chcesz, żeby się przesunęło do lewej.
Jeśli iframe - zastanów czy Ci jest potrzebny. Raczej nie zaleca się już jego używania.

0

Ale przecież nie wstawiłem go na forum, tylko wstawiłem go w linku :) (powiekszenie przez kliknięcie :D)

Konkretnie

  1. Do lewej ma się przesunąc cała 'ramka pływająca', ma zaweierac się tak jak to pole z tłem w kreski.
  2. Obok po prawej ma sie znajdować nawigacja boczna, która teraz znajduję się na drugim końcu strony. Niestety nie mam pojęcia jak się do tego zabrać.

To znaczy próbowałem z atrybutem align='left'/'right' ale nie działa...

Prosze o pomoc! I pozdrawiam

0

float: left (???)

0

Nie [glowa] :(

coś nie działa... ekhm...zachciało się projektować strony :D

1 użytkowników online, w tym zalogowanych: 0, gości: 1