Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
Stackoverflow community
I know I know, lots of this cases out there, but seriously i try to apply solutions to my case and doesn't fix anything. Seems very very very basic stuff but through this afternoon I can't find the reason of Why my container doesn't expand?
I try to modify my 'height property' and anything happen. Here is the code: https://gist.github.com/duranmla/9b6a11eba20d04403f99
The final Idea is that My footer has a height of 20% ~ 25% of my page. However as I've already said it is just stuck in that height that comes like for 'default'
Well.. Sorry for bother but anyway I suppose that someone could be useful the answer, the think is that you need to stick the element that you to re-size to some side to the screen by setting top, bottom, left or right to any value. my case just bottom: 0
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
When my site loads the view is correct but if you scroll right there is a gap. All div's have 100% width set and no padding on right... I went through each element to putting display:none trying to single the problamatic element but this didn't help either. A test version of the site is available at www.emma-cooper.co.uk
Take width:100%; out of the #logo CSS definition, and the right and left padding off the
div#hmenu definition (make it padding:0.8em 0;)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I feel like this is a very simple problem but I can't seem to wrap my head around it. What I have is a bunch of divs added to a container. Then I want those divs to freely position them self in any white space, but they must move from top to bottom, left to right. I also can not adjust the order of the divs. Here is an example of my problem http://jsfiddle.net/8GMGF/1/. I need the blue box to automatically move into the free space above it. Thanks for any input.
PS. I also tried flexboxes but they don't seem to be able to use free space either. Maybe I missed something.
The result you are looking for (with the subtle tweaks you want to make) might not be possible with pure html and css, you may wish to look into using a tiling plugin such as Masonary for jQuery:
http://masonry.desandro.com/index.html
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
You can see a thick blue line below the slider in http://nextrelease.officetimer.com/. How do I extend that line to the screen width. Please Help.
all your elements are in the one container. so you blue line will extend to the outer container only. if you want to extend it further more, write the line outside the container. It is impossible to change using inline styles.
Thanks
looking at OT.css of that site you can see that .customer_logo_slider_line has left and right margins of 18% and 19%;
just change the values accordingly.
unset the width for .wrapper
and add it to .wrapper div
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions must demonstrate a minimal understanding of the problem being solved. Tell us what you've tried to do, why it didn't work, and how it should work. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I need to make layout like on picture related, the difficult part is, in this big centered div rounded with another divs from all sides. Masonry plugin can make only cornered stamp divs, but not centered. So, how can I implement this?
I've just written a kind of extension for the Isotope plugin to enable stamps in random locations. It works quite well, but two stamps can still overlap (have to fix that ;)). Check out the code in this fiddle: http://jsfiddle.net/XS74t/
The way to use it: give your item the .stamp class and add the position as a html5 data element:
<li class="item" data-grid-pos='{"x": 2, "y": 1}'>
My stamped item
</li>
Please not that a lot of credits have to go to "Mikko Tikkanen, Zonear Ltd. ", beacuse it's a kind of an extension of his perfectMasonry plugin.
have fun!
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I know this is easy for most but it doesn't seem to want to work for me. I am trying to get the sidebar to extend all the way down the page using height: 100% but isn't working. I don't know how to do it could someone please tell me what I am doing wrong?
You can find the page here: http://bcs-global.org/new/
Notice the nav bar on the side well I want that light brown color to be even with the body of content area.
Make the container height as 100% and you are good to go
html, body {
height: 100%;
}
Also you are using XHTML doctype, instead use HTML5 <!DOCTYPE html>