Witam, dzisiaj zacząłem pisanie strony z panem Mirosławem i napotkałem na problem. Chciałem umieścić w prawym rogu strony zegar, no i nie potrafię. Nie wiem gdzie mam błąd i jest to bardzo irytujące. Czy moglibyście pomóc? strona jest tutaj : www.lajfskor.cba.pl
Pozdrawiam
PS. POBRAŁEM PACZKĘ Z KURSU HTML ODCINEK 3 I TAM ZEGAR TEŻ NIE ŚMIGA CO MOŻE BYĆ TEGO PRZYCZYNĄ?;o
HTML:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Wyniki na żywo!</title>
<meta name="description" content="Serwis zajmujący się wynikami spotkań sportowych na żywo.">
<meta name="keywords" content="wyniki, mecze, tabele, spotkania, live, wyniki live, real madryt, barcelona, chelsea, manchester united, liga mistrzow, liga europejska, nba, hokej, football, soccer, live score" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="stylesheet" href="css/fontello.css" type="text/css" />
<script src="timer.js"></script>
</head>
<body onload="odliczanie();">
<div id="container">
<div id="rectangle">
<div id="logo"><a href="index.html" class="logoo">LAJFSKOR</a></div>
<div id="clock">12:00:00</div>
<div style="clear: both;"></div>
</div>
<div id="nav">
<a href="koszykowka.html" class="text">KOSZYKÓWKA</a><br>
<a href="tenis.html" class="text">TENIS</a><br>
<a href="hokej.html" class="text">HOKEJ</a><br>
<a href="bejsbol.html" class="text">BEJSBOL</a><br>
<a href="pilkareczna.html" class="text">PIŁKA RĘCZNA</a><br>
<a href="rugby.html" class="text">RUGBY</a><br>
<a href="futbolamerykanski.html" class="text">FUTBOL AMERYKAŃSKI</a><br>
<a href="krykiet.html" class="text">KRYKIET</a><br>
<div class="yt">
<i class="icon-youtube"></i>
</div>
<div class="fb">
<i class="icon-facebook-official"></i>
</div>
<div class="tw">
<i class="icon-twitter"></i>
</div>
<div class="clear: both;"></div>
</div>
<div id="content">
<center>
<iframe id="inscore-xdc-289428" src="http://www.livescore.in/pl/free/289428/" width="624" height="500" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">/*<![CDATA[*/try{function inscore_289428_xdc(){this.elm = null;this.hash = null;var times_resized = 0;var times_not_resized = 0;this.resize = function(){times_resized == 1023 && (times_resized = 0);times_not_resized == 1023 && (times_not_resized = 0);if(this.getElm() && location.hash && location.hash != this.hash){this.hash = location.hash;var reggg = new RegExp(".*inscore_ifheight_xdc_([0-9]{2,5}).*");if(result=reggg.exec(location.hash)){this.getElm().style.height = (typeof result[1] == "undefined" ? "10000":(result[1] > 500 && result[1] <= 30000 ? parseInt(result[1]):500)) + "px";times_resized ++;}} else if(location.hash && location.hash == this.hash) times_not_resized ++;else return resize_later(75);resize_later(250);};var resize_later = function(time){setTimeout(function(){ inscore_289428_xdc_run.resize(); }, time);};this.getElm = function(){try {(typeof this.elm == "undefined" || this.elm === null || !this.elm) && (this.elm = document.getElementById("inscore-xdc-289428"));} catch(e) { this.elm = null; }return this.elm;};var show_links = function(){if((times_resized >= 1 || times_not_resized >= 2) && (obj = document.getElementById("freescore_links_289428"))){obj.style.visibility = "visible";obj.style.display = "block";} else show_links_later();};var show_links_later = function() { setTimeout(function(){ show_links(); }, 100); };if (typeof window.postMessage == "undefined"){show_links_later();resize_later();}else{var ev = function(event){try{var data = JSON.parse(event.data);}catch (e){return;}if (data instanceof Array && data[0] == 289428 && typeof data[1] != "undefined"){eval(data[1]);}};if (window.addEventListener){window.addEventListener( "message", ev);}else if ( window.attachEvent ) {window.attachEvent("onmessage", ev);}setTimeout(function(){ document.getElementById("inscore-xdc-289428").contentWindow.postMessage(JSON.stringify(["289428", "run"]), "*"); }, 2000);show_links_later();resize_later();}};var inscore_289428_xdc_run = new inscore_289428_xdc();}catch(e){document.getElementById("inscore-xdc-289428").style.height = "10000px";}
/*]]>*/</script></center>
<p align="right">
<font size="1">
<a href="http://www.livescore.in/" title="Livescore.in" target="_blank">livescore.in</a></font>
</p>
</div>
<div id="ad">
<h1>TU<br> BĘDZIE<br> REKLAMA</h1>
</div>
<div id="footer">
<a href="http://www.lajfskor.cba.pl" class="footerr">www.lajfskor.cba.pl</a>/ Wszelkie prawa zastrzeżone ©
</div>
</div>
</body>
</html>
CSS:
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto;
color: white;
}
#logo
{
float: left;
font-family: 'Dosis', sans-serif;
background-color: #007591;
font-size: 63px;
width: 754px;
text-align: left;
}
#clock
{
float: left;
font-family: 'Dosis', sans-serif;
background-color: #007591;
font-size: 63px;
text-align: center;
}
#nav
{
float: left;
background-color: #e0e0e0;
width: 120px;
min-height: 600px;
padding: 10px;
font-family: 'Lato', sans-serif;
font-size: 15px;
}
#content
{
float: left;
padding: 20px;
width: 660px;
background-color: white;
}
#ad
{
float: left;
width: 160px;
min-height: 620px;
paddding: 10px;
background-color: #e0e0e0;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: black;
}
#footer
{
clear: both;
background-color: #007591;
color: white;
text-align: center;
padding: 20px;
font-family: 'Lato', sans-serif;
}
.a
{
color: #000000;
text-decoration: none;
}
.a:hover
{
color: #007591;
text-decoration: none;
}
.text
{
color: #000000;
text-decoration: none;
}
.text:hover
{
color: #007591;
text-decoration: none;
}
.logoo
{
color: #000000;
text-decoration: none;
}
.logoo:hover
{
color: #e0e0e0;
text-decoration: none;
}
.footerr
{
color: #000000;
text-decoration: none;
}
.footerr:hover
{
color: #e0e0e0;
text-decoration: none;
}
.yt
{
margin: 3px;
width: 34px;
height: 34px;
float: left;
background-color: #d94348;
}
.yt:hover
{
background-color: #c83238;
}
.fb
{
margin: 3px;
width: 34px;
height: 34px;
float: left;
background-color: #4668b3;
}
.fb:hover
{
background-color: #3557c2;
}
.tw
{
margin: 3px;
width: 34px;
height: 34px;
float: left;
background-color: #3095d3;
}
.tw:hover
{
background-color: #2084c2;
}
