fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Kép folyamatosan gördüljön az...

Kép folyamatosan gördüljön az oldallal! Hogyan?

Figyelt kérdés
Tehát van egy <div>-em amit szeretnék fixen a képernyőn tartani miközben görgetem lefelé a main <div>-emet!

#php #HTML #Java #CSS #HTML5 #jQuery
2012. ápr. 22. 15:20
 1/5 zsomkovacs ***** válasza:
Elvileg ha CSS-ben position: fixed-re állítod, az megoldja a problémát.
2012. ápr. 22. 15:49
Hasznos számodra ez a válasz?
 2/5 dj-tes válasza:

az előttem szóló jó mondta

#png

{

position:fixed;


}


<div id=png">


<img src="kép.png"

</div>

2012. ápr. 27. 14:52
Hasznos számodra ez a válasz?
 3/5 A kérdező kommentje:

lehet, hogy nem jól fogalmaztam meg:)

A lényeg, hogy van a footer div-em és azt szeretném, hogy ez folyamatosan a képernyő alján legyen és main div-em amiben a lényeges tartalom van az pedig gördüljön. megpróbálok keresni egy ilyet.

2012. ápr. 27. 16:20
 4/5 A kérdező kommentje:

lehet, hogy nem a legjobb példa de itt jobb oldalt van ez div amiben van az ár, illetve az ilyesmi adatok és ha görgetem lefelé az oldalt ez fixen áll a képernyőm.


[link]

2012. ápr. 27. 16:21
 5/5 dj-tes válasza:

<!--Force IE6 into quirks mode with this comment tag-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

<style type="text/css">


body{

margin: 0;

padding: 0;

border: 0;

overflow: hidden;

height: 100%;

max-height: 100%;

}


#framecontent{

position: absolute;

top: 0;

bottom: 0;

left: 0;

width: 200px;

height: 100%;

overflow: hidden;

background: navy;

color: white;

}


#maincontent{

position: fixed;

top: 0;

left: 200px;

right: 0;

bottom: 0;

overflow: auto;

background: #fff;

}


.innertube{

margin: 15px;

}


* html body{

padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/

}


#maincontent{

height: 100%;

width: 100%;

}


</style>



</head>


<body>


<div id="framecontent">

<div class="innertube">


<h1>demó demó</h1>

<h3>demó demó </h3>


</div>

</div>



<div id="maincontent">

<div class="innertube">


<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>

<h1>demó szöveg</h1>


<p style="text-align: center"> <a href="http://www..hu">demó szöveg</a></p>


</div>

</div>



</body>

</html>

2012. máj. 14. 01:37
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!