ugrás a tartalomhoz

CSS segitség

Hacker1990 · 2008. Szep. 14. (V), 17.00
Szép napot kívánok mndenkinek.
CSS-szel kapcsolatban az lenne a kerdesem,hogy hogyan lehet abszolut pozicionalassal egy div-et vizszintesen közepre igazitani.


......................................................
......................................................
......................................................
. ....................................................
........ .........
........ .........
. .
. .
.......................................

Egy ilyet kellene csinalnom,remelem eszlelhető.A fenti div egy 1000px hosszu, és 250px szeles.A masodik 700px hosszu, és 1000 szeles, valamint 100px-re benne van a az első div-ben.Kösz a segitséget.
‹ optimalizálás mobilra Táblázat helyett...? ›
 ■
1

margin

szabo.b.gabor · 2008. Szep. 14. (V), 20.52
Nem teljesen értettem amit leírtál, de ha fix méretű, akkor azt hiszem vhogy így lehet:

#akarmi{
position:absolute;
top:50%;
margin:-50px; /*amilyen magas, annak a fele..*/

}
2

css?

ironwill · 2008. Szep. 14. (V), 21.27
szia!

.ize {
position: fixed; //a képernyő azon a pontján marad, ahová pozícionáltad
width: ?px;
height: ?px;
margin: auto;
margin-top: ?px; //a felső pozíció az oldal tetejétől számítva
}

elvileg így is működhet

üdv, Gábor
3

browser támogatás

yaanno · 2008. Szep. 15. (H), 10.57
ironwill: IE6 alatt nincs fix pozíció, csak hackeléssel tudod megoldani. Emellett eléggé valószínűtlen, hogy a kérdező fixen akarná tartani az adott elemet.

Hacker1990: egy html kóddarabka sokat segítene; btw amíg teheted, ne használj position property-t, próbáld margin / padding segítségével
4

Hogyaza DOCTYPE :D

Kecsokoma · 2008. Szep. 19. (P), 15.51
Kedves Mindenki :D

Nem igazan szeretjuk egymast a DIOCTYPE-al :D
Az alabbi kod eleg egyszeru, azt szeretnem, ha a DATA resz mindig kitolteni a maximalis helyet, es a benne levo DATA szoveg mindig kozepen lenne. Ez Mozillaban jo is, de IE alatt csak a DOCTYPE nelkul jo. Hogyan oldalatok meg? Sorry, ha valaki kerdezte mar.

UI.:
DIV es megoldas is nagyon begfelelne, de akkor a DATA termeszetesen scrollozhato legyen. Ez szinten nem akar ugy mukodni ahogy en szeretnem... Mikor Ajax-al kitoltom egy grid resszel szettolja a tablazatot a kepernyo ala...

Udv: Kecso

<!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">
	<head>
		<title>Teszt</title>
		<link href="teszt.css" rel="stylesheet" type="text/css" />
	</head>
	
	<body>
		<table border="0" class="PageTable" cellpadding=0 cellspacing=0>
			<tr>
				<td rowspan="2" class="MenuCell">MENU</td>
			  <td class="HeadCell">HEAD</td>
			</tr>
			<tr>
			  <td class="DataCell">DATA</td>
		  </tr>
    </table>
</body>
</html>
CSS:

.PageTable {
						height: 100%;
						width: 100%;
						margin: 0px;
						padding: 0px;
						spacing: 0px;
						left: 0px;
						top: 0px;
						right: 0px;
						bottom: 0px;
						white-space: nowrap;
						overflow: hidden;
						position: fixed;
}



.MenuCell	{
						background: #008040;
						width: 120px;
						height: 100%;
						left: 0px;
						top: 0px;
						right: 0px;
						bottom: 0px;
						vertical-align: top;
						padding-top: 50px;
} 

.HeadCell	{
						background: #00AAFD;
						height: 120px;
						left: 0px;
						top: 0px;
						right: 0px;
						bottom: 0px;
						vertical-align: top;
						padding-top: 0px;
} 

.DataCell	{
						background: #FFAAFD;
						height: 100%;
}