deviouswatch Posted June 22, 2012 Share Posted June 22, 2012 Hi all, I am a new website designer, and I have designed a website for my YT channel, with the help of DreamWeaver's inbuilt templates and CSS. I have been having problem recently, as one of the sidebars is not rendering inside the .container div, rather it is rendering outside it, yet it is still fixed. The contained element is a twitter bar, and I was wondering if anyone knew what could be causing it. You can see the problem here http://www.battlefie...ys.freeglo.net/The sidebar on the left should be right next to the black matte background like the sidebar on the right. Apologies if you try to read the code, I haven't taken out DW's notes yet as I still use them. This is the .container code .container {width: 1068px;max-width: 1260px;min-width: 780px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto; There is the sidebar's code that I am having problems with .sidebar2 {float: right;width: 171px;padding-top: 10px;padding-right: 0;padding-bottom: 10px;padding-left: 0;position:fixed; And here is what is in the sidebar - just a twitter feed and a facebook like button <div class="sidebar2"><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#appId=267242146629402&xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="http://www.battlefieldboys.freeglo.net/" data-send="true" data-layout="button_count" data-width="90" data-show-faces="false" data-font="arial"></div> <script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 30000, width: 170, height: 300, theme: { shell: { background: '#000000', color: '#e6bc12' }, tweets: { background: '#000000', color: '#ffffff', links: '#e6bc12' } }, features: { scrollbar: true, loop: false, live: true, hashtags: true, timestamp: true, avatars: false, behavior: 'all' }}).render().setUser('BattlefieldBoys').start();</script></div> Any and all help will be greatly appreciated.- deviouswatch Link to comment Share on other sites More sharing options...
dsonesuk Posted June 23, 2012 Share Posted June 23, 2012 ???? it shows up in firebug as outside the container Link to comment Share on other sites More sharing options...
deviouswatch Posted June 23, 2012 Author Share Posted June 23, 2012 That is my problem Link to comment Share on other sites More sharing options...
deviouswatch Posted June 23, 2012 Author Share Posted June 23, 2012 ???? it shows up in firebug as outside the containerOK Thankyou, you just solved my problem, I DLed firebug and it showed me that the sidebar was coded into the HTML outside the container, I put the /div in the wrong place after a recent change. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now