Solved

How to make left sidebar's not to overflow on the main container.

Posted on 2012-12-28

1 solution

351 Views

Last Modified: 2012-12-29

Hi,

I am using twitter's bootstrap and the design is using a fluid layout.
The left sidebar is overflowing.
How to make it either truncate or get hidden or a better solution?

frame demo (static html)
http://test.webweb.ca/overflow/

Comment

Question by:svetoslavm

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

2 Comments

LVL 53

Accepted Solution

by:COBOLdinosaur

COBOLdinosaur earned 500 total points

ID: 387284732012-12-28

It cannot wrap because there is no space in the text.

Just add the style overflow:hidden to the the sidebar.

If your final design is using that obsolete frame approach you will be having a lot more; and a lot more serious problems before you are finished anyway.

Cd&

Author Comment

by:svetoslavm

ID: 387289882012-12-29

Thanks. The frame was just for EE so it doesn't reveal client name etc.

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Selecting the ideal social networking tool - Yammer or SharePoint Social

Article by: Shakshi

These days socially coordinated efforts have turned into a critical requirement for enterprises.

Comparison of JS Frameworks: Angular.js vs React.js vs Ember.js

Article by: Serhiy

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.

Rounded Corner Effect in CSS

Video by: Sarah

In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

Introduction to CSS (Part 1)

Video by: Jason

The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…