Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

Solved

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

Posted on 2012-12-28

1 solution

Medium Priority

357 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 2000 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

Keeping Secrets with PHP

Article by: Ray

Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively. This article explores the ways PHP can be used to hide and encrypt information.

Faster Node Rejoins with Improved IST performance

Article by: Percona

In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.

Box Shadow Effect in CSS

Video by: Sarah

In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

HTML
CSS

How to Add a Watermark to an Image Using PHP (Part 1)

Video by: Marco

The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…