Problem wygląda następująco, gdyż jak dodam tekst do DIV'a 'newsy' to wraz z tym przesuwa się DIV 'kolumna_prawa'.

[HTML] pobierz, plaintext 
  1. <div id="kolumna_lewa">
  2. <div id="naglowek_lewy"><strong>Kategorie</strong></div><br>
  3. <strong>
  4. <a href="index.php">Strona główna</a><BR>
  5. <a href="?body=acc"><font color=green>Nowe Konto</font></a><BR>
  6. <a href="?body=monsters">Potworki</a> <BR>
  7. <a href="?body=guilds">Gildie</a> <BR>
  8. <a href="?body=kom">Komendy</a> <BR>
  9. <a href="?body=czary">Czary</a> <BR>
  10. <a href="?body=pacc"><font color="green">PACC</font><BR>
  11.     </strong></div>
  12.  
  13.     <div id="kolumna_lewa">
  14.     <div id="naglowek_lewy"><strong>Statystyki</strong></div><br>
  15.     <strong>
  16.     <a href="?body=statystyki&skill=level">Level</a><br>
  17.     <a href="?body=statystyki&skill=mlvl">Magic Level</a><br>
  18.     <a href="?body=statystyki&skill=sword">Sword</a><br>
  19.     <a href="?body=statystyki&skill=axe">Axe</a><br>
  20.     <a href="?body=statystyki&skill=club">Club</a><br>
  21.     <a href="?body=statystyk&skill=distance">Distance</a><br>
  22.     <a href="?body=statystyki&skill=fist">Fist</a><br>
  23.     <a href="?body=statystyki&skill=fishing">Fishing</a><br>
  24.     <a href="?body=statystyki&skill=shielding">Shielding</a><br>
  25.     <a href="?body=statystyki&skill=kills_frag">Kills Frag</a><br>
  26.     </div>
  27.  
  28.     <div id="newsy">
  29.     <div id="naglowek_srodek"><strong>Newsy</strong></div><br>
  30.     <p>tutaj news<br>
  31.     dzisiaj o godzinie<br>
  32.     tej i tej<br>
  33.     odbedzie sie<br>
  34.     event<br>
  35.     o tytule<br>
  36.     takim i takim,<br>
  37.     zapraszamy - administracja
  38.     tutaj news<br>
  39.     dzisiaj o godzinie<br>
  40.     tej i tej<br>
  41.     odbedzie sie<br>
  42.     event<br>
  43.     o tytule<br>
  44.     takim i takim,<br>
  45.     zapraszamy - administracja
  46.     tutaj news<br>
  47.     dzisiaj o godzinie<br>
  48.     tej i tej<br>
  49.     odbedzie sie<br>
  50.     event<br>
  51.     o tytule<br>
  52.     takim i takim,<br>
  53.     zapraszamy - administracja<br>
  54.     dasda</p>
  55.     </div>
  56.  
  57. <div id="kolumna_prawa">
  58. <div id="naglowek_prawy"><strong>Status Serwera</strong></div><br>
  59. <strong>
  60. ...
  61.     </strong></div>
  62.  
[HTML] pobierz, plaintext


CSS:

[PHP] pobierz, plaintext 
  1. html {background-image: url(images/html.png);}
  2. body {background-image: url(images/body.png); width: 80%; margin: auto; position: relative; border: 1px solid #000000;}
  3. a {text-decoration: none; color: #000000;}
  4.  
  5.  
  6.  
  7. #kolumna_lewa {width: 200px; height: auto; align: left; border: 1px solid #000000; margin-left: 2px; margin-bottom: 2px; font-size: 14px; background-color: #78d24b; margin-top: 2px;	-webkit-transition: all 1s ease;}
  8. #kolumna_lewa:hover { height: auto; align: left; border: 1px solid #000000; margin-left: 2px; margin-bottom: 2px; background-color: #45d200; -webkit-transition: all 1s ease;}
  9. #naglowek_lewy { width: 200px; height: auto; align: left; border-bottom: 1px solid #000000; font-size: 15px; background-color: #45d200; text-align: center; font-size: 18px;}
  10.  
  11. #newsy {width: 550px; height: auto; border: 1px solid #000000; font-size: 12px; background-image: url(images/newsy.png); margin: 0 auto; top: -392px; position: relative;-webkit-transition: all 1s ease;}
  12. #newsy:hover {width: 550px; height: auto; border: 1px solid #000000; font-size: 12px; background-color: #45d200; margin: 0 auto; top: -392px; position: relative;-webkit-transition: all 1s ease;}
  13. #naglowek_srodek {width: 550px; height: auto; background-color: #45d200; font-size: 15px; text-align: center; margin: 0 auto; border-bottom: 1px solid #000000;}
  14.  
  15. #naglowek_prawy { width: 200px; height: auto; align: right; border-bottom: 1px solid #000000; font-size: 15px; background-color: #45d200; text-align: center; font-size: 18px; display: block; padding: 0; margin: 0;}
  16. #kolumna_prawa {width: 200px; height: auto; align: right; border: 1px solid #000000; font-size: 14px; background-color: #78d24b; margin: 0 auto;	-webkit-transition: all 1s ease; float: right; position: relative; top: -469px; margin-right: 2px;}
  17. #kolumna_prawa:hover {width: 200px; height: auto; border: 1px solid #000000; font-size: 14px; background-color: #45d200; -webkit-transition: all 1s ease; float: right; position: relative; }
[PHP] pobierz, plaintext