All Questions
52 questions
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 ...
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">...
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. ...
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 ...
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
....
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: ...
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 ...
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 {
...
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 ...
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-...
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 ...
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 ...
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">
@...
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 ...
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 ...