Autor | Zpráva | ||
---|---|---|---|
Ohnetta Profil * |
#1 · Zasláno: 6. 10. 2010, 00:19:20
Zdravím mám menší probléms bordery. Mámn například 2 divy a oba mají rozměry v %. Např. #neco1 má width: 30%; float: left; a #neco2 bude mít width: 70%; float: left;... jenže když tam přidám bordery(rámečky) tak to pak přesahuje určitou šířku a pak se oba divy zobrazí podsebou. Existuje v CSS nějaká vlastnost který by narvala celý border do šířky toho divu ?
|
||
Trejpa Profil |
#2 · Zasláno: 6. 10. 2010, 00:43:09 · Upravil/a: Trejpa
Ohnetta:
Existuje vlastnost box-sizing, která přepne počítání rozměrů tak, aby se do šířky započítával i padding a border-width. Některé prohlížeče na to mají značku s prefixem. Starší Internet Explorer (6, 7) však vlastnost box-sizing nezná a bude nutné ho shodit do quirku vhodným doctypem (třeba žádným), kde se takto počítají všechny rozměry bloků. #neco1, #neco2 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } |
||
Bubák Profil |
#3 · Zasláno: 6. 10. 2010, 11:13:47
Stará a osvědčená možnost je použít matrošku, tedy další obalový DIV. Která řešení je vhodnější použít, záleží na konktrétní situaci, já bych se rozhodoval hlavně podle toho, zda budu v IE potřebovat něco, co nové IE umí jen ve standardním režimu.
<!DOCTYPE HTML> <title>Titulek</title> <style> #neco1 { width: 30%; float: left; } #neco2 { width: 70%; float: left; } #neco1 .oramovany { border: 3px red double; } #neco2 .oramovany { border: 2px blue solid; } </style> <div id=neco1> <div class=oramovany>Lorem ipsum dolor sit amet consectetuer. </div> </div> <div id=neco2> <div class=oramovany>Fermentum Quisque amet Phasellus aliquet tincidunt id nulla orci. Parturient cursus velit tincidunt orci lobortis mi a quis odio. Sem a natoque amet semper ligula pretium enim et ipsum. </div> </div> Ale standardní způsob je, že si některé orámování namaluješ, budou to obrázky na pozadí, v případě jednoduché stránky stačí jeden. Koukni do zdrojáku téhle příkladové stránky: http://qu.wu.cz/webtest/jednoduche-schema-stranky.htm |
||
habendorf Profil |
#4 · Zasláno: 7. 10. 2010, 00:01:07
A co namísto borderu použít outline?
|
||
Trejpa Profil |
#5 · Zasláno: 7. 10. 2010, 11:38:39
habendorf:
„A co namísto borderu použít outline?“ Internet Explorer 6 a 7 outline neumí. |
||
Chamurappi Profil |
#6 · Zasláno: 7. 10. 2010, 12:48:35
Reaguji na habendorfa:
Ten nebude uvnitř. Prohlížeče, které umí outline , umí i box-sizing .
|
||
Časová prodleva: 13 let
|
0