fill width
Last Updated: Mar 24 2015 13:49, Started by
MooF2010
, Mar 23 2015 23:24
·
0
#1
Posted 23 March 2015 - 23:24
#wrapper { width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto; } #contentliquid { float: left; width: 100%; } #contentwrap { margin-left: 250px; margin-right: 250px; float: left; } #content { background: #ffffff; border-radius: 10px; border: 1px solid #ebebeb; margin: 5px; width:100%; } #leftcolumnwrap { width: 250px; margin-left:-100%; float: left; } #leftcolumn { background: #3377FF; border-radius: 10px; border: 1px solid #1f63eb; margin: 5px; min-height:500px; } #rightcolumnwrap { width: 250px; margin-left: -250px; float: left; } #rightcolumn { background: #3377FF; border-radius: 10px; border: 1px solid #1f63eb; margin: 5px; <div id="contentliquid"><div id="contentwrap"> <div id="content"> salut lume </div> </div></div> <div id="leftcolumnwrap"> <div id="leftcolumn"> <!--Login button--> <div id="zona_profil"> <?php if(isset($id_membru)):?> <div id="avatar_profil"> </div> <?php else:?> <div id="creaza_cont" onclick="window.open('cc.php');"> </div> <?php endif?> <div class="fb-like-box" data-href="********" data-width="198" data-height="400" data-colorscheme="dark" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div> </div> </div> </div> <div id="rightcolumnwrap"> <div id="rightcolumn"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p> </div> </div> Buna seara, am css, respectiv html-ul respectiv. Vreau sa fac content-ul sa ocupe toata latina insa nu reusesc. Pana acum tot ce mi-a reusit a fost sa umplu atata loc cat am continut dar nu mai mult de latimea disponibila, eu vreau sa isi ia latimea disponibila automat. Am stat am cautat pe stackflow si in alte locuri am probat nu au absolut nici un efect. Edited by MooF2010, 23 March 2015 - 23:25. |
#2
Posted 24 March 2015 - 01:10
#3
Posted 24 March 2015 - 09:59
<div id="contentliquid"> <div id="contentwrap"> <div id="content"> salut lume </div> </div> </div> <div id="leftcolumnwrap"> <div id="leftcolumn"> <!--Login button--> <div id="zona_profil"> <?php if(isset($id_membru)):?> <div id="avatar_profil"> </div> <?php else:?> <div id="creaza_cont" onclick="window.open('cc.php');"> </div> <?php endif?> <div class="fb-like-box" data-href="********" data-width="198" data-height="400" data-colorscheme="dark" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div> </div> </div> </div> <div id="rightcolumnwrap"> <div id="rightcolumn"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p> </div> </div> Acum am vazut cat de rau s-a asezat codul html. Nu mai pot da edit pe mesajul initial. Ombilic, on 24 martie 2015 - 01:10, said: Detaliaza ce ar trebui sa fac? Vad irelevant afisarea intregii pagini. |
#5
Posted 24 March 2015 - 13:49
ar trebui sa o citesti ca nu e chiar asa de mult "intreaga pagina" de 30 de randuri si sa faci un exemplu cum scrie acolo.
din ce am inteles eu din primul post tu vrei div-ul cu ID 'content' sa ocupe toata latimea, dar in HTML continui cu login-uri, conturi si lorem ipsuri. <div id="contentliquid"> <div id="contentwrap"> <div id="content"> vreau asta 100% width. </div> </div> </div>asta e intentia ta? Edited by Ombilic, 24 March 2015 - 13:50. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users