ugrás a tartalomhoz

Divek egymás alá igazítása

montressor · 2006. Szep. 12. (K), 11.12
Hali!

bocsanat, ha trivialis, de belecsoppentem a css-be, es meg nem igazan latom at a dolgot. Diveket szeretnek egymas ala igazitani. Tehat a bal felsonek megmondom hol legyen, es a bal also tetejet a felso aljahoz szeretnem illeszteni.
koszonom
 
1

Mi a probléma?

Nagy Gusztáv · 2006. Szep. 12. (K), 13.10
A div-ek - mivel blokk lelemek, alapból egymás alá kerülnek. Ehhez még nem kell CSS sem, de hogy ki tudd próbálni, egy teljes példa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
  <head>
    <title></title>
    <style type="text/css">
      div {border: 1px solid green;}
    </style>
  </head>
  <body>
    <div>b</div>
    <div>a</div>
  </body>
</html>
2

re

montressor · 2006. Szep. 12. (K), 13.27
ez van a css-ben:
a belep es a menu egymas ala kene, h keruljon, es mellejuk a main. Ez utobbi ha megvan az elobbi :) A belep van a bal felso sarokban, a top-pal allitom be, h hagyjon ki fentrol 100 px-elt. A menunel viszont, ha kihagyom a top-ot, akkor egeszen a tetejere csuszik a dolog, raadasul a belep tartalma valtozo hosszusagu, mert phpbol generalom...

#belep {
	position:absolute;
	left:0;
	top:100px;
	width:160px;
	height:203px;
	z-index:1;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 10px;
}

#menu {
	position:absolute;
	left:0px;
	top:360px;
	width:160px;
	height:118px;
	z-index:1;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}

#main {
	position:absolute;
	left:200px;
	top:100px;
	width:500px;
	height:392px;
	z-index:1;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}
3

ne abszolutezz!

ashnur · 2006. Szep. 12. (K), 14.04
eloszoris. a position: absolute -rol szokjal le, az ugyanolyan szar mint a tablazas. probald meg a dolgokat kicsit tobb sikban latni. olyasmi mint a layerek a photoshopban. nem csak egy negyzethalozott 2D-s terulet.

szal position absolutet ird at relativere, es a top,left ertekeket szedd ki.
ha egymas melle szeretnel helyezni diveket akkor a float: left(right), es clear:both(left,right) beallitasokat nezd meg.

egy masik dolog, hogy nem ertem azokat akik kepesek idejonni, kerdezni, de az ugyanitt(weblaboron) talalhato NAGYON JO, ERTHETO, MAGYAR NYELVU segitoket mar keptelenek elolvasni..

ha nem jottel volna ra mirol beszelek akkor itt van: http://weblabor.hu/cikkek/cssalapjai1

es a masik 6-ot is legyszives.
es kovetkezoben akkor kerdezz ha ezeket mar letudtad, elolvastad, kiprobaltad...