Skip to main content

All Questions

Tagged with
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;&...
Stefan's user avatar
  • 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 ...
homerThinking's user avatar
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 ...
Dasphillipbrau's user avatar
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 ...
mdcq's user avatar
  • 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 ...
Gradep's user avatar
  • 1
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 ...
user avatar
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 ...
Adagio MsmDataHub's user avatar
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 ...
Adam Bell's user avatar
  • 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 { ...
Citra45Abadi's user avatar
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%; ...
S4mple's user avatar
  • 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 ...
Rick's user avatar
  • 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 ...
Lupo73's user avatar
  • 1
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="...
Stephan Kulla's user avatar
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 ...
user avatar
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 ...
Kimberley Furson's user avatar

15 30 50 per page