Kezdőoldal » Számítástechnika » Weblapkészítés » Css -ben hogyan lehet megoldani?

Css -ben hogyan lehet megoldani?

Figyelt kérdés
Css ben hogyan lehet megoldani hogy egy div mindig a böngésző aljára kerüljön? Egy footer akarok úgy megcsinálni hogy mindig a böngésző legaljára kerüljön, függetlenül attól hogy mennyi tartalom van a weboldalon.

2012. júl. 2. 13:46
1 2
 1/11 anonim ***** válasza:

#footer{

position:absolute;

bottom:0px;

}

2012. júl. 2. 14:21
Hasznos számodra ez a válasz?
 2/11 A kérdező kommentje:
Ettől teljesen szétesett a layoutom.
2012. júl. 2. 14:57
 3/11 anonim ***** válasza:

position:fixed;

bottom:0px;


esetleg így?

2012. júl. 2. 15:04
Hasznos számodra ez a válasz?
 4/11 A kérdező kommentje:

Wordpress témát készítek, itt egy kép mi történik akkor ha úgy csinálom ahogy írtad.


[link]


Jobb oldalt az a szürke kocka a footer teljesen kitolja a képből.


Itt egy kép amikor jobb egy fokkal de sajnos ha kevés a tartalom így se tolja alulra.


[link]


Ezzel a kóddal:


position:relative;

bottom:0px;

2012. júl. 2. 15:12
 5/11 A kérdező kommentje:
Elég régóta próbálom megoldani ezt a problémát eddig nem igazán sikerült, pedig egész jó témákat szoktam összerakni.
2012. júl. 2. 15:13
 6/11 anonim ***** válasza:

Ha ez nem működik, akkor vmit nagyon elszúrsz.


Itt egy példa:


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

<html xmlns=" [link]

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

#footer{

position:absolute;

bottom:0px;

</style>

</head>


<body>

<div id="footer">

Ez egy alulra pozicionált div.

</div>

</body>

</html>

2012. júl. 2. 16:01
Hasznos számodra ez a válasz?
 7/11 Drone007 ***** válasza:

#footer {


}

A bottom és a position: absolute jó megoldások, de ügyelj arra, hogy a footer div-ednek ne legyen szülő div-je, közvetlenül a body-ból hívódjon meg. Lehetőleg legfelül helyezkedjen el (z-index, vagy utolsónak implementálod).

2012. júl. 3. 07:57
Hasznos számodra ez a válasz?
 8/11 Drone007 ***** válasza:

Az előzőt még nem akartam elküldeni na mind1

#footer {

positiion: absolute;

bottom: 0px !important;

// méretmegadás fontos lehet, ez esetben:

overflow: hidden;

}

2012. júl. 3. 07:59
Hasznos számodra ez a válasz?
 9/11 anonim ***** válasza:
Bocs az offért, de küldnél néhány linket a témákhoz, csak érdekel :)
2012. júl. 4. 21:03
Hasznos számodra ez a válasz?
 10/11 A kérdező kommentje:
Én írom a témát már hetek óta. :) Mindent meg tudtam oldani eddig. Ez az egy ami gondot okoz.
2012. júl. 4. 21:36
1 2

További 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

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!