B backstage Registered 12 Март 2010 #1 Ако имам един container, както поставя в него друг див, как да го накарам да застене най-долу и посредата. И още един въпрос, за да не пускам нова тема, как да задам float, на див с неопределена ширина, който е да речем weight:100%
Ако имам един container, както поставя в него друг див, как да го накарам да застене най-долу и посредата. И още един въпрос, за да не пускам нова тема, как да задам float, на див с неопределена ширина, който е да речем weight:100%
D dashe Registered 12 Март 2010 #2 Код: <div id="container"> <div id="footer"> ..... ..... ..... </div> </div> Footer-а за да го центрираш. Код: div#footer { width: 800px; /Примерно margin: 0 auto;/ Отивай във средата padding: 0; } А footer сам ще си отиде най от долу от зависимост на садържението на сайта. Пример: Код: <div id="container"> <div class="novini"> Ехеееееееее </div> И така останалите div-ове <div id="footer"> ..... ..... ..... </div> </div> Другият вариянт е този footer да е под container-а. И винаги ще си е от долу... Код: <div id="container"> Баууу </div> <div id="footer"> ..... ..... ..... </div> А това със float-а не го разбрах. Как искаш да float-неш някакъв елемент при положение че е 100% тоест на целия екран : )
Код: <div id="container"> <div id="footer"> ..... ..... ..... </div> </div> Footer-а за да го центрираш. Код: div#footer { width: 800px; /Примерно margin: 0 auto;/ Отивай във средата padding: 0; } А footer сам ще си отиде най от долу от зависимост на садържението на сайта. Пример: Код: <div id="container"> <div class="novini"> Ехеееееееее </div> И така останалите div-ове <div id="footer"> ..... ..... ..... </div> </div> Другият вариянт е този footer да е под container-а. И винаги ще си е от долу... Код: <div id="container"> Баууу </div> <div id="footer"> ..... ..... ..... </div> А това със float-а не го разбрах. Как искаш да float-неш някакъв елемент при положение че е 100% тоест на целия екран : )
E emagi Registered 12 Март 2010 #3 file.html <div id="main"> <div id="bottom"></div> </div> Увеличете... style.css #main { width:200px; height:200px; position:relative; border:solid 1px red; } #bottom { width:50px; height:50px; position:absolute; bottom:5px; right:50%; left:50%; border:solid 1px blue; } Увеличете... сложил съм рамка на дивовете, за да видиш кой див къде се позиционира
file.html <div id="main"> <div id="bottom"></div> </div> Увеличете... style.css #main { width:200px; height:200px; position:relative; border:solid 1px red; } #bottom { width:50px; height:50px; position:absolute; bottom:5px; right:50%; left:50%; border:solid 1px blue; } Увеличете... сложил съм рамка на дивовете, за да видиш кой див къде се позиционира