All Questions
53 questions
2
votes
2
answers
586
views
HTML/CSS Make table full width while having float right image
I would like to make a table full (remaining) width without getting pushed away by an "float: right" image. The (simplified) code is like this:
<div>
<img style="float: right;&...
0
votes
1
answer
47
views
how to adjust the width of a div to its content when 'clear:both' and 'float:left' do not meet expectations?
I know that there are more questions about the issue but all the solutions I find do not comply with the desired behavior and I do not know if I have something wrong with one of the parents.
I have ...
0
votes
4
answers
112
views
Element widths not aligning themselves properly
I'm really struggling here trying to figure out what is going on. I have an HTML with a header, a sidebar, and a central content page.
The sidebar and central content are in the same div, which also ...
0
votes
2
answers
66
views
Width of div is not applied by media query
I'm trying to make full width horizontal menus using the methods display:inline-block as well as float:left. It all works, except that the media query is not applying the width:100% declaration. The ...
0
votes
1
answer
219
views
Auto fix the width of a floating div to image size
I'm wondering if there is a way to force a floated div that contains an image and some text to not stretch beyond the width of the image (rather than the text) and so force the text to wrap at that ...
1
vote
1
answer
38
views
Bottom-right aligned spacebar
I can't figure out what's blocking here, or if it's just not possible. I wanted to put together what seemed like a simple design, right aligned sidebar with the content of the sidebar aligned in the ...
0
votes
2
answers
436
views
How to have a <div> that is on the right side of a menu expand as the browser window expands?
You must know that this question is very specific to my situation and I would really love to hear what you guys have to say!
So, I am trying to have a page on my website where on the left side there ...
0
votes
1
answer
58
views
CSS: 100% div's not appearing as 100% on mobile
Very odd but I have a site I'm working on (https://envymedical.com/staging/) and it's using Advanced Custom Fields to display a flexbox with two divs, side by side, on mobile and on phone, they should ...
1
vote
5
answers
2k
views
div not floating inside parent div with display inline-block
I want to make both child divs to be inline inside the red box
.parent {
width: 35%;
height: 200px;
background-color: red;
display: inline-block;
margin: 30px auto
}
.parent div {
...
0
votes
2
answers
455
views
Responsive menu - width auto and float left
I have a menu with the following CSS:
.nav {
position: static;
text-align: left;
min-width: 300px;
width: auto;
max-width: 75%;
margin-top: 3%;
padding-bottom: 5%;
...
0
votes
2
answers
248
views
Stuck working on CSS width/float for header
I'm kinda stuck on the CSS for a home project I'm doing. Currently I'm working on a header, or 'top menu bar'. On each side of the viewport there are a button or two with a fixed px dimension. These L ...
0
votes
1
answer
529
views
How to have one button on right and two inputs on left to fill the line?
I found several similar posts, but not a solution for this problem. I'm trying to do this:
| +---------------------+ +---------------------+ +------------------------------+ |
| | Input ...
1
vote
2
answers
33
views
Consider floated elements for the width of blocks
Imagine the following markup (link to jsFiddle):
<div style="float: right; width: 200px; height: 200px; background-color: red; margin: 0 20px 0 30px;">
Block 1
</div>
<div style="...
1
vote
3
answers
53
views
Need help Aligning 3 divs side by side
This should be something simple i want to have three divs line up side by side but they keep going all over the place
heres the divs i am using, I figure it is just some simple css but i cant get it ...
0
votes
3
answers
150
views
Why are these divs not staying next to each other when resizing the browser window?
I have a problem with 2 of my divs that are not staying next to each other when resizing the browser window. When the window is wide, the divs sit well next to each other, but when you resize the ...