show information using external scrolling instead of internal scrolling

Check out my website at . I have two scrolls on the page - one for a white box and another for the main webpage content. I attempted to set the whitebox scroll to overflow:hidden but it didn't work as expected. Only half of the content is being displayed instead of the entire data.

Does anyone know how to solve this problem?

Answer №1

The height of the div element is fixed.

<div class="span8" id="home-copy" style="height: 775.8px; height: auto;background-color: rgb(255, 255, 255); color: rgb(128, 128, 128); padding-top: 70px; ooverflow: auto;verflow: auto;"></div>

You can either change it to auto in the HTML or

add this in the CSS:

#home-copy{height:auto !important;}
OR

add this in the CSS: .span8{height:auto !important;}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a need to minify if the data will be compressed through gzip during

During the early days (yes, I'm really showing my age here), it was possible to reference scripts from a renamed zip file using this format: <script archive="path/to.jar" src="some.js"></script> This method was supported in IE4, NS4, and ...

Turn off column wrapping in Bootstrap 4

I'm currently facing a specific scenario: <div class="row no-gutters"> <div class="col"></div> <div class="col col-auto"></div> </div> Essentially, the first column will take up any available space not occ ...

The reverse is concealed following a CSS flip transition

After applying a CSS flip animation to a card, the backside isn't visible once flipped. Here is the HTML code for the card component named "ptree-card": <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!-- Rest of th ...

Is it feasible to customize the icon for the expand/collapse button in the header of jqGrid?

To begin, let me provide some context. In my view, I have 2 or more grids (jqgrid) and I aim to insert an "X" into the expand/collapse button. After several attempts, I successfully added the "X" icon to all grids using this code: .ui-icon-circle-trian ...

Having trouble vertically aligning text in Bootstrap 4?

I'm having trouble getting the text to align vertically in the middle and closer to the image. The vertical-align:middle property doesn't seem to be working for me. Additionally, when I resize the screen width, the layout changes from a horizonta ...

The functionality of Materialize CSS tabs appears to be malfunctioning

I've been working on a mobile profile UI and using materialize css, but unfortunately the tabs aren't functioning properly. Here's the code snippet: http://codepen.io/anon/pen/VmmJWv html: <meta name="viewport" content="width=device-w ...

Creating a CSS button that spans multiple lines within a paragraph while maintaining the appearance of an anchor tag, even in

UPDATE: The solution provided by @Dinesh karthik works well, but unfortunately it does not support IE11. I am trying to make it compatible with IE11 as well. Is there a way to make a button look like an anchor tag within a paragraph? I want the button to ...

Can the arrangement of icons/buttons on the JW Player control bar be customized?

I am trying to customize the skin of my JWplayer like this: This is my current progress: I have been researching how to rearrange the order of icon / button on the controlbar. According to the jwplayer documentation, the buttons on the controlbar are div ...

Is there a way to automatically scroll to the last dynamically added div?

Within the chat.html file, I have included a div tag and implemented a script that dynamically adds rows to the div when a button is clicked. In another file named list.html, I have inserted an iframe tag with the src attribute pointing to chat.html. Howev ...

Navigating the integration of internal Bootsrap 5.2 with Laravel 7

Hi there, I am new to the Laravel framework and I am attempting to link my Bootstrap v5.2 with my Laravel v7 project. However, I seem to be having trouble connecting the two. I have stored the CSS and JS folders within a "bootstrap" folder at the same leve ...

How can JavaScript pass a variable through the URL?

I am attempting to pass a variable through the URL: http://localhost/new_wiki/test.php?id=http://example.com In my code, I have var first = getUrlVars()["id"];. This line is supposed to pass the value but it doesn't seem to be working. Can someone pl ...

Choosing the Angular5 model

I'm currently working with an Angular5 project that has a <select> element bound to an array of customers. Here's the code snippet: <select class="form-control" [ngModel]="record.customer_id" (ngModelChange)="setCustomer($event)" name=" ...

Dynamic style binding with the ability to choose from four unique colors

I am looking to customize my table design similar to the image here: https://i.sstatic.net/ylMCN.png I have tried using the code below, but it only works for 2 colors. <table *ngFor="let item of notif"> <tr class="cell" [style.border-color]= ...

Having trouble transmitting parameters through ajax

I have been attempting to use ajax to send variables to a php page and then display them in a div, but unfortunately, it's not functioning as expected. Below is the HTML code: <div id="center"> <form> ...

Adjust the image size in the jumbotron to fit perfectly without the need for scrolling

I'm in the process of creating a website with a prominent jumbotron section on the landing page. I am looking to adjust the height of the image within the jumbotron without cutting off any parts of the picture, and I do not want it to scroll to displa ...

Exploring the Advancement of Themes in Liferay

Struggling to create a Liferay 6.2 theme and feeling a bit confused. I started a new project, selected theme, clicked on next, chose velocity and _styled responsively. However, I actually want a standard theme that can be deployed without any changes comp ...

CSS: Struggling with Div Alignment

Here is a visual representation of the issue I am facing: View the screenshot of the rendered page here: http://cl.ly/image/0E2N1W1m420V/Image%202012-07-22%20at%203.25.44%20PM.png The first problem I have encountered is the excessive empty space between ...

In the event that the final calculated total is a negative number, reset it to zero. Inform the user of an error through the use of a prompt dialog box

I'm having trouble getting the grand total to display as 0 when I enter all amounts in positive values and then change the unit prices to negative values. However, it works fine when I only enter negative values throughout. Can someone please help me ...

Align items vertically within Bootstrap columns

Looking for a quick solution. Refer to the image below, where I am struggling to align the toggle switch horizontally alongside the bootstrap buttons. My suspicion is that it may be related to the CSS of this customized toggle switch. Despite trying variou ...

Assignment of Microsoft Avatar Colors

What method does Microsoft utilize to assign colors to contacts in their applications? I've searched online with no luck in finding an answer. In programs like Outlook or Android, when a new contact is added without an image for the avatar, Microsof ...