Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[xHTML + CSS] Rozmieszczenie obiektów, niezależnie od wielkosci okna przeglądarki.
#1
Witam

Przyznam, że nie mam doświadczenia i każda rada w tym temacie będzie pomocna. Robię prostą stronę. Składa się ona z tła oraz dwóch elementów.
Na środku opis, po prawej stronie tabela z prostym menu.
Chciałbym uzyskać efekt tła na cała stronę bez powtarzania, oraz dwa obiekty położone w ściśle określonym miejscu względem tła. Odporne na zmianę rozmiaru okna przeglądarki i uniwersalne dla rozdzielczości ekranu.

Skleiłem takie coś
CSS
Kod:
* {
   padding:0;
   margin:0;
}
body, html {
height:100%;
}
#text {
background:url(a.jpg) top center repeat-y;
height:100%
}

text {
    position:absolute;
    top: 200px;
    left: 400px;
}

#box2 {
    position:absolute;
    top: 250px;
    right: 200px;

HTML
Kod:
<body>

<div id="text">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><P ALIGN="CENTER">gghjklłlkjhgfdfghj </P>
</div>
<div id="box2">


<table width="250" cellspacing="7" cellpadding="7">
<tr>
    <td><IMG SRC="tlo_naglowek_niebieski.gif" WIDTH="250" HEIGHT="26" BORDER="0"></td>
</tr>
<tr>
    <td><p align="center">nr  <br>  000006543267798765431234567890</p></td>
</tr>
<tr>
    <td><IMG SRC="tlo_naglowek_niebieski.gif" WIDTH="250" HEIGHT="26" BORDER="0"></td>
</tr>
<tr>
    <td></td>
</tr>
</table>


</div>
</body>

Niestety Tabela po prawej stronie zmienia swoje położenie wraz ze zmiana rozmiaru okna przeglądarki. Prawdopodobnie ustalona pozycja będzie tez różna dla różnych rozdzielczości ekranu.
Proszę o radę jak mogę ustawić te elementy.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Dopasowanie do okna przeglądarki przemex1994 4 5,063 23-10-2014, 02:58
Ostatni post: Kartofelek
  [xHTML][CSS][JQ] Dopasowanie strony do rozdzielczości ekranu. kadobe 3 4,408 17-08-2013, 01:57
Ostatni post: msx83
  wyśrodkowanie obiektów w <div><ul><li><a> [email protected] 5 4,292 02-01-2013, 03:30
Ostatni post: macder
  Problem z wysokością obiektów na stronie drsl 4 3,440 25-06-2012, 00:28
Ostatni post: Kartofelek
  [CSS/HTML] Zmiana rozmiaru okna przeglądarki obcina tło (div-a) ometoch 3 3,201 22-06-2012, 21:15
Ostatni post: ometoch

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl