Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pozycjonowanie tekst - problem z rodzielczościami
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Intenssimo
Nie wiedziałem jak dokladnie nazwać ten problem... Jestem początkujący.
Screen może wszystko wyjaśni.. smile.gif (Chodzi o to odliczanie - i przemieszczanie się gdy zmienię wielkość okna.)

http://iv.pl/images/37353486847784677745.jpg



Zrobiłem "pudełko" i myslalem że to wystarczy, lecz jednak nie... na pewno jakoś da się żeby tekst się przesuwał i "przemieszczał się" tak samo z obrazkiem.. tlyko nie wiem jak..

Kod
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />


<style type="text/css">

html {background:#fff url(bg.jpg) repeat;}

#pudelko {
width:1000px;
height:1000px;

}


#costam{
font-size: xx-large;
color: white;
position:absolute; top:500px; left:500px;

}


</style>
</head>

<body>
<center>
<div id='pudelko' >



<img src="header.png" />


<script type="text/javascript">
function CD(d,o,t,x){return[x=~~(t=(d-o)/864e5),x=~~(t=(t-x)*24), x=~~(t=(t-x)*60),~~((t-x)*60)]}
function R(t){
t=CD(new Date(2012,3,9,16,00,00),new Date());
document.getElementById('costam').innerHTML=' '+t[0]+" dni, "+t[1]+" h, "+t[2]+" m, "+t[3]+"s";
if(!t[0]&&!t[1]&&!t[2]&&!t[3])document.getElementById('costam').innerHTML='Koniec odliczania';
else setTimeout('R()',1e3);
}
onload=function(){R();}

</script>


<div id="costam">

</div>
</div>

</center>
</body>
</html>



Dokladnie to jest miernik czasu ale to chyba nie ma nic do rzeczy ;x

Help ;x
grz3s
  1. #pudelko {
  2. width:100%;
  3. }


sztywne ustawienie wysokości strony to zły pomysł (chyba że ZAWSZE będzie miała taką wysokość), alternatywą jest min-height ale z tego co wiem nie wszystkie przeglądarki to obsługują...

  1. #costam{
  2. font-size: xx-large;
  3. color: white;
  4. position:absolute; top:500px; left:500px;
  5. }

to to już w ogóle jakiś koszmarek ohmy.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.