+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [xHTML + CSS] Rozmieszczenie obiektów, niezależnie od wielkosci okna przeglądarki. (/thread-xhtml-css-rozmieszczenie-obiektow-niezaleznie-od-wielkosci-okna-przegladarki)
[xHTML + CSS] Rozmieszczenie obiektów, niezależnie od wielkosci okna przeglądarki. - forshizzle - 17-03-2010
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.