Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Sidebar stays on the bottom...

Featured Replies

wrap the content on the left in a div and float it to the left..something like this

#left { width:300px; float:left;}
#sidebar {width:200px; float:right;}

 

<div id="left">
All left side content in here
</div>

<div id="sidebar">
sidebar things here
</div>

 

 

This way your sidebar will float to the right of the left container rather than the left of the last element you have placed on the left hand site, like it is doing at the moment

 

Hope that makes sense :)

  • Author

I wrapped all the left content in it's own div and floated everything to the left and sidebar to the right but it still sits on the bottom I must of missed something! :search:

 

thanks

 

Mike

Its quite hard to guess what your code is doing as I am guessing that it is coded for wordpress and that creates the posts on your left.

 

If you look at the code that it is creating within the browser:

<div id="main">

<div id="maincontent">

<div class="post-item">

(your post is here just took it out to save space)
</div><!--end post item-->

<div id="main">

<div id="maincontent">

<div class="post-item">
(your post is here just took it out to save space)
</div><!--end post item-->

</div><!--end maincontent-->

<ul id="sidebar">...ect

 

your opening a main, opening a maincontent, opening a post-item, posting item, closing post, opening another main, opening another main content...ect then you only close one main and one main content not all 3 that you do actually produce in the code.

 

So I am only guessing here that in the actual code that you are creating you have put the main and maincontent ids into the loop for your posts, so when it cycles to show the next post it adds an extra main and maincontent into the code that the browser renders. Have a look at the php and make it so the loop starts after these two containers not before.

 

 

Then if I am right that should fix the issue

  • Author

Thanks Dizi, you were right, I had some of my divs placed incorrectly so they interfered with the loop

 

You deserve a +1 :D

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.