Hogy tudnám lekérdezni azt, hogy a böngésző ablaka hány pixel magas?
Az a problémám, hogy van egy oldalam ( [link] aminek jelenleg a háttere egy képben van tárolva.
Ez egy egyszerű háttérkép, és úgy gondoltam, hogy kép helyett egy gradient-tel oldom meg. Ez oké, a legtöbb oldalnál tökéletesen működik is. Azonban az Eszközök oldal jóval kisebb magassággal rendelkezik, mint a böngésző ablaka. Ezért folyamatosan ismétlődik a háttér...
Ezt szeretném kiküszöbölni azzal, hogy a magasságot lekérdezem, és dinamikusan megadom a "body"-ban. Ezt mivel lehetne elérni? PHP, JavaScript? És mi a kódja?
Segítségeteket előre is köszönöm.
válasza:javascript
screen.width
screen.height
Nagyon köszönöm, de sajnos nem vált be... :( Majd még próbálkozom.
Más tipp esetleg?
válasza:hogy hogy nem vált be?
a kód működik
<html><head><title>Test</title>
<script type="text/javascript">
alert(screen.width + "x" + screen.height);
</script>
</head><body>
</body>
</html>
vagy az elképzelés nem vált be?
válasza:var elem = (document.compatMode === "CSS1Compat") ?
document.documentElement :
document.body;
var height = elem.clientHeight;
var width = elem.clientWidth;
vagy jqueryvel (amit én jobban preferálok):
alert($(window).width() + 'x' + $(window).height());
Itt a példakód:
Valószínűleg rosszul fogalmaztam... A "body" tag magassága egyes oldalaknál (Eszközök) kisebb, mint a böngészőablak magassága, ezért a gradient ismétlődik.
Lekérdezni le tudom, csak én a "body"-t ki is akarom egészíteni minimum ilyen magasságúra.
Pl. Az "body" az Eszközök oldal esetében nagyjából 300-400 px magas, de a böngészőablakom 864 px.
Szóval, még kétszer előről kezdődik a gradient...
Ezt azzal szeretném kiküszöbölni, hogy KIEGÉSZÍTEM A MAGASSÁGOT. Ezt hogy tudnám megoldani? (A lekérdezés megy.)
Remélem, így már érthetőbb.
Nagyon köszönöm mindenkinek a válaszát, sikerült megoldani a problémát.
Fixáltam hátteret, és jQuery-be ezeket írtam:
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('body').css('height',document.height-60);
});
</script>
(Csak ha más is hasonló problémába ütközne.)
válasza:body { height: 100%; }
nem kell js
montihun, szerinted nem próbáltam? Az volt az első, de se Mozilla, se Google Chrome, se IE alatt nem működött.
Valamiért a magasságoknál nem működik a százalékban történő megadás... Ezért nehéz pl. fix magasságú oldalnál középre igazítani függőlegesen az oldalakat.
Egyébként az előző kódom nem volt tökéletes, szóval csiszolgattam rajta egy kicsit:
<script language="JavaScript" type="text/javascript" src=" [link]
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('*').click(function(){
$('article').css('padding-bottom',screen.height-(document.height+50));
});
});
</script>
A "+50" nem szükséges, csak akkor kell, ha az oldalnak van alsó és fölső padding-je, vagy margin-ja.
Az 50 a így jött ki nekem: fölső térköz+alsó térköz-10
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!