All Questions
194 questions
0
votes
1
answer
64
views
Floater container goes under floater img
Trying to make a brick-like layout. It worked at fist, but now it seeps i can either place an image (and the box will render under) or the box (and the image will render under)
wrong place
code:
* ...
- 3
0
votes
0
answers
93
views
How to make a horizontal div rack in css/html?
So I saw on stackoverflow that you needed to use float: left to make divs stack horizontally, but I don't want the parent div (ie. the rack container) to be inline as well, for example
Here is the ...
0
votes
1
answer
44
views
Flex left element position to the top
How can I place the blue box next to red box at the top. The yellow box should be below the blue box.
I cannot change the HTML structure. And also I cannot use margin-top for the blue box because the ...
- 41
0
votes
0
answers
91
views
Why left column of 2 columns has to float left to top-align?
Setting two DIVs to width: 50% and the first one to float: right;, why does the left column get laid out higher in the viewport?
<body>
<div id="right" style="float: right;...
- 5,383
1
vote
1
answer
67
views
Wrap divs around another floating div layout
I've been trying to work around a layout I'm trying to do. I'll show the basic layout I'm trying to do:
Ok, what I did was having the red block as a float: left div and the other section which have ...
0
votes
3
answers
85
views
Cant get my nav to float right. How do to get my nav to go to right?
This is my Css code. I cant get my css to float the nav to the right. Any way on doing that? I attempted to use float: right; but that didn't work.
My HTML just has a header with a list holding my ...
0
votes
1
answer
1k
views
CSS Grid using float items
I am trying to implement a simple grid with 3 square items per row and each item can have up to 3 rows/cols. Here's what I have so far:
https://jsfiddle.net/dt3u6840/
HTML:
<div class="layout-...
- 4,363
0
votes
2
answers
36
views
Element not sticking in place
I have a title, that I want to be vertical rather than horizontal. With the CSS I've used it does flip it horizontally but it creates a separate border box.
Like so:
#scheduled2 {
transform: ...
- 59
0
votes
0
answers
52
views
Is there a pure-CSS solution to size a sibling of a floated element to the full remaining height in its parent (no absolute positioning)?
I've got a div containing some text that's the sibling of a "float:right" element. As the parent div is resized horizontally, the floated element may or may not be above the div containing the text. ...
0
votes
2
answers
39
views
How can i align a picture with css?
i was trying to do this but i couldn't find a way to do it or an attribute. Could anyone help me do that ?
my code is below
<!DOCTYPE html>
<html lang="en">
<head>
<!--Bootstrap-...
0
votes
2
answers
33
views
Vertical centering of float elements (navigation controls) within a container
I've read How can I center two floated elements within a container? and friends; the former refers to horizontal centering, and the friends to non-floated children AFAICT. Why am I using floats? Well, ...
- 1,221
-1
votes
1
answer
205
views
CSS Layout - Float: ...up? [duplicate]
Is there a technique (codified or hacky) to get floated blocks to fill-in upwards as well as their float direction.
So that something like -
Becomes
I realize this is accomplished by javascript ...
- 1,498
-1
votes
1
answer
786
views
float: left <li>: items disappear at overflow
Context
If you float: left list items in an un-ordered list and they horizontally overflow the page, they disappear one at a time, instead of showing half a list item for example.
It's hard to ...
- 614
0
votes
1
answer
2k
views
Flexbox/Float anchor items to top [duplicate]
Consider this example:
Notice that that 4th item is pushed to top instead of aligning with the 3rd item. I can't achieve this using flexbox's align-items: flex-end, neither with floats.
I am aware of ...
- 3,610
0
votes
3
answers
200
views
Why is one child div pushing pushing another child down below it?
I have an issue. I have a container (parent) taking up 100% of div and two children (45%). The child div (.basicInfomration), is pushing the other child (.info) below by taking some of its space. ...
user5999763