nezinis Posted June 26, 2013 Report Share Posted June 26, 2013 (edited) Es cenšos izveidot lapu, kuras viss saturs ir centrēts, bet fona bildes ( vairākas - lapa dalīta vairākās daļās ) ir pa visu lapu. Piemērs (Saturs ir brūnajā rāmī) : http://www.bildites.lv/images/ja530h1m07zl4uv6zre.png Esmu izveidojis wrapperi,kuru es izmantoju atsevišķām lapas daļām(logo, footer un teksts) ar šādu css: .wrapper { margin: 0 auto; width: 950px; } bet, ja es to daru šādi, tad samazinot brauzeri, lapa saiet sviestā ( daļa no labās puses ir nogriezta). 1. Ko, lai izdara, lai lapa nemainītu savu izskatu samazinot brauzeri? 2. Kāds būtu labākais veids kā izmantot wrapperi saturam, lai man viņš nebūtu jāizmanto vairākas reizes lapas satura centrēšanai? Edited June 26, 2013 by nezinis Quote Link to comment Share on other sites More sharing options...
jurchiks Posted June 26, 2013 Report Share Posted June 26, 2013 Vai tos background attēlus nevarētu uztaisīt kā vienu 1px wide (un, iespējams, ļoti augstu) attēlu un uzlikt kā body background ar repeat-x? Jeb tev tie augstumi starp tām joslām ir svarīgi/mainīgi? Tev HTML struktūra ir kaut kāda šāda? <div id="wrapper"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Quote Link to comment Share on other sites More sharing options...
nezinis Posted June 26, 2013 Author Report Share Posted June 26, 2013 Vai tos background attēlus nevarētu uztaisīt kā vienu 1px wide (un, iespējams, ļoti augstu) attēlu un uzlikt kā body background ar repeat-x? Jeb tev tie augstumi starp tām joslām ir svarīgi/mainīgi? Tev HTML struktūra ir kaut kāda šāda? <div id="wrapper"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> 1. Augstumi mainīsies - nevar 2. Pagaidām šādi, jo nevarēju neko citu izdomāt <body> <div class=header> <div class=wrapper> <div class="logo"> logo, kuram jabut centreetam </div> </div> </div> </body> Quote Link to comment Share on other sites More sharing options...
metroid2 Posted June 28, 2013 Report Share Posted June 28, 2013 #header{ width: 100%; background: #ececec; } .wrapper { margin: 0 auto; width: 960px; background: #000; color: #fff; } <body> <div id="header"> <div class="wrapper">teksts</div> </div> </body> Manuprāt šitā arī visas sadaļas tev jātaisa. Pēc šitāda principa. Quote Link to comment Share on other sites More sharing options...
nezinis Posted June 28, 2013 Author Report Share Posted June 28, 2013 (edited) Tad mainot brauzera izmēru, lapas labā puse pazūd. Rekur piemērs, kurā samazinot brauzeri, labā puse pazūd ( netiek strechots? ) <html> <head> <style> body{ background: blue; } .wrap{ margin: 0 auto; width: 950px; } .header{ height: 100px; width: 100%; background: green; } </style> </head> <body> <div class=header> <div class=wrap> asd </div> </div> </body> </html> Edited June 28, 2013 by nezinis Quote Link to comment Share on other sites More sharing options...
waplet Posted June 28, 2013 Report Share Posted June 28, 2013 wrapperam width tad norādi procentos. Quote Link to comment Share on other sites More sharing options...
metroid2 Posted June 28, 2013 Report Share Posted June 28, 2013 .wrap{ margin: 0 auto; width: 70%; } Quote Link to comment Share on other sites More sharing options...
nezinis Posted June 28, 2013 Author Report Share Posted June 28, 2013 wrapperam width tad norādi procentos. Skumji, ka pats neaizdomājos. Paldies Quote Link to comment Share on other sites More sharing options...
jurchiks Posted June 30, 2013 Report Share Posted June 30, 2013 (edited) ieteiktu tad pielikt tam wrapperim arī min-width. Edited June 30, 2013 by jurchiks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.