All Questions
81 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;&...
- 53
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 ...
- 865
0
votes
4
answers
111
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 ...
- 592
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 ...
- 2,046
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
1
vote
2
answers
74
views
How can you define the width of a container in % relatively to an element that is NOT its direct parent?
I have a header as follow: logo + nav containing 4 links
I would like to arrange all this element next to each other at the top (that is working), but also to make them at equal distance of each ...
- 15
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 ...
user10810174
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,045
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 {
...
- 207
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%;
...
- 3
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 ...
- 99
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
0
votes
0
answers
60
views
Float the nav to the right and keep it flush with the edge of the page on resize
I need the menu (book 1, book 2 etc) that is wrapped in the div class="nav" to float all the way right and stay aligned and sticky to the right side of the browser window no matter how big the ...
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="...
- 5,087