Autor Zpráva
waclaw
Profil *
Zdravím.
Můžete mi prosím poradit jak vytvořit následující....
Mám hlavní div o pevné výššce, v něm jsou nad sebou dva další divy, které mohou mít libovolnou výšku dle počtu řádek. Rád bych udělal, aby spodní byl zarovnán k dolní hraně nadřazeného divu.
Schéma...
+---------------------+
| +-----------------+ |
| | radka1          | |
| | radka2          | |
| +-----------------+ |
|                     |
|                     |
| +-----------------+ |
| | radka1          | |
| | .               | |
| | radkan          | |
| +-----------------+ |
+---------------------+


Nemohu přijít na to, jakou CSS vlastnost nastavit dolnímu divu aby se zarovnával dolu.
Díky za pomoc.
Trejpa
Profil
waclaw:
#obal { position: relative; height: 500px; }
#druhy { position: absolute; left: 0; bottom: 0; width: 100%; }
panther
Profil
waclaw:
jen lehce doplním/upravím Trejpu. Pokud se jedná o bloky (psal jsi o divech, ale klidně by to mohl být odstavec, …), je zadávání 100% šířky nošením dříví do lesa. Je to totiž defaultní hodnota.
Trejpa
Profil
panther:
Zadávání 100% šířky je nutnost, jelikož se defaultní hodnota při pozicování ze sta procent změní na auto.
panther
Profil
Trejpa:
stydím se, červenám se, omlouvám se :-)

Psal jsem rychleji, než jsem přemýšlel. Samozřejmě blbost, škrtám.
waclaw
Profil *
Trejpa:

Diky, uz je to skoro ono, jen sem zapomnel napsat, ze vnejsi div ma mit nejaky padding, coz width: 100% zrusi. Ale s tim uz se snad poperu.

Jeste jednou diky
waclaw
Profil *
Hotovo :)

Zde je muj upraveny vysledek:

#obal { position: relative; height: 500px; }
#prvni { padding: 10px; }
#druhy { padding: 10px; position: absolute; left: 0; bottom: 0; right: 0; }

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0