Skip to main content

All Questions

Tagged with
0 votes
1 answer
2k views

Why can't I make button's height equal their width? [duplicate]

On my web-page there should be a panel (on the left, 25% of screen's width) with square buttons on it. That's how it should be: My UI's design But currently those buttons stretched horizontally.I ...
V555's user avatar
  • 43
0 votes
2 answers
3k views

How do I prevent one DIV from sitting on top of another DIV?

I’m having trouble getting one div not to lie on top of another div. I have the following <div id="navbar"> <div id="leftNavSection"></div> <div id="rightNavSection">...
Dave's user avatar
  • 19.6k
1 vote
1 answer
1k views

Why are these divs different sizes when the CSS are the same?

I have a div (.soundLogoContainer") and an aside (".iAmSam") inside a main. The 2 child elements share very similar CSS, the only difference WAS that one was float left and the other was float right. ...
Sam Begdouri's user avatar
1 vote
0 answers
30 views

Relative height of float element in inline parent box without position:absolute

I am trying to add a link arrow to my inline parent box using float and clear. The size of the parent box is variable and is therefore adjusting with text size / zoom. For a better understanding here ...
tuxasus's user avatar
  • 41
0 votes
2 answers
908 views

Parent with position relative and height auto not expanding to height of float children?

I have the following structure and as you will see in this JSfiddle, the height of the .parent elements is not auto-expanding to the total height of their content. What am I doing wrong ?? CSS ....
user avatar
0 votes
1 answer
93 views

Menu and Content div float left with a sticky footer -> height 100%

i got a good question for the community. * { padding: 0; margin: 0; } html, body { height: 100%; min-height: 100%; } #container { width: 100%; min-height: 100%; height: ...
Bobuche's user avatar
2 votes
1 answer
923 views

floating an element makes the animation smooth and reverse the direction?

I am trying to create a simple animation where 3 bars go up and down at a certain time interval. I am making use of height and animation-delay to achieve the effect as you can see. What's surprising ...
Praveen Puglia's user avatar
0 votes
4 answers
16k views

Let two divs have the same height [duplicate]

I have two divs like that: <div id="div1">ABC</div> <div id="div2">ABC DEF GHI JKL MNO</div> #div1 { width: 50px; background-color: red; float: left; } #div2 { ...
Trong Lam Phan's user avatar
12 votes
4 answers
55k views

Div not Adjusting Height Based on Contents

I can't seem to figure out why my info-container div won't adjust its height based upon its contents. I do have a floating div within it and I think it might be causing the problem, but I'm not ...
Tyharo's user avatar
  • 383
1 vote
3 answers
482 views

css vertical align within float and height 100%

ive got some problem with my css styles: I have different groups ( <div>'s ) that have subgroups displayed in ONE colum or MULTIPLE ( max. 3) colums. The problem i have is, that my vertical-...
xQp's user avatar
  • 302
0 votes
1 answer
70 views

Can I have a 100% height within a DIV that is itself 100% height?

I have a basic site structure which has: A Header div which sits at the top of the screen Two Sidebar divs for navigation which are floated left and right of the screen A Content div which is in the ...
volume one's user avatar
  • 7,583
0 votes
3 answers
109 views

Floating divs the same height

I would like to make floating divs the same height. I use JavaScript in my current solution although if anyone knows a way to do it in CSS only that would be even better. Current solution: I grab and ...
John's user avatar
  • 3,809
1 vote
1 answer
2k views

How to make div blocks not floating using CSS?

Layout.cshtml <section id="main"> <div id="sidebar"> @{Html.RenderAction("CategoryMenu", "Store");} </div> <div id="content"> @...
user3388473's user avatar
0 votes
2 answers
186 views

Make float left inner divs in two columns even if heights could be different with pure css

Are there any way to make this jsFiddle code look in two columns like a b c d c c e f g h so that the height of the border of d is the same as the border of the big block c with pure css? The number ...
Haradzieniec's user avatar
  • 9,348
0 votes
1 answer
442 views

Floats and percentage heights and widths in Internet Explorer

I have a fluid mosaic of floating boxes using percentages for width and height. It works great in Webkit browsers and Firefox, just look at this jsfiddle: http://jsfiddle.net/Mtk57/ I use this ...
nebulousGirl's user avatar
  • 1,364

15 30 50 per page