Questions tagged [height]
The property which determines the size of an object on the Y-axis. Please don't use this tag, it has no taxonomic value in your post.
6,088
questions
0
votes
0
answers
18
views
Window.open() Width + Height Resize Doesn't Work
I am working on a google extension that opens four random pop-ups every hour (and opens different pop-ups during the day and night).
The pop-up sizes vary so I set each size of the pop-up url but it ...
-1
votes
1
answer
11
views
How to ScrollLeft 50% and ScrollTop using jQuery [duplicate]
I have the solution. I noticed new trainees find it difficult to implement some functionality at times.
Strongly not for ratings but for education purposes
0
votes
1
answer
19
views
How to make Bootstrap5 Columns all a similar height?
I'm using Bootstrap5. However, I'd just like to make a similar height of these two columns. How can I do that?
Here's the Code:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/...
0
votes
1
answer
13
views
image height coming back as 0 -- need to get the height after the image loads
I'm enlarging an image on click. I'd like to put a caption right under the image, but to do that, I have to know what the new rendered height of the image is after it's enlarged. I don't want the &...
3
votes
2
answers
34
views
Fix the size of 'html' and 'body' elements to be exactly those of the screen
I often need that html and body elements have the size of the screen. Typically, in the case when I want to have a svg element fit the whole screen.
To achieve that, I saw that it was possible to use ...
0
votes
1
answer
37
views
Limit height of a HTML element within a 'flex-direction: column' container
I don't succeed in limiting the height of a HTML element inserted inside a 'flex-direction: column' container. I would like to have a window with:
on the top, the title of my page
on the left, some ...
0
votes
0
answers
16
views
How do I make a certain div scrollable if overflow-y: scroll is not working?
So I'm doing a part of an app for my job and after figuring out all the programming part with ease, I've been stuck on its CSS for about 3hours now, and I can't figure out where the problem is. The ...
-2
votes
0
answers
15
views
CSS Section height adapt to inner object
I'm trying to adjust the height of a "section" when the inner "div" of another "box" unfolds without changing the height of the "box" itself. Is it possible to ...
0
votes
1
answer
32
views
React MUI - Consistent Tab Content Height
I understand that ideally should be placed at the top of the page. However, Assume they are place in the middle of the page. When changing from a tab with a lot of content, to a tab with little ...
0
votes
1
answer
22
views
Unable to add height on child when I add position relative on parent [duplicate]
I want to add a height to child div but when I add position: relative to parent then it doesn't work.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.parent-box {
position: relative;...
0
votes
1
answer
26
views
set width contaner to only span content width flex item fixed width and height
how to adjust flex container to only span content width (width of flex items). In this excercise I put 3 flex item (span) in a div container and set width and height for span and expect div to only ...
0
votes
0
answers
22
views
How can I apply dynamic values to my var's width and height?
I am setting up a var to be reused, and the element it's referencing (#indicator) uses a scaling/dynamic width and height via CSS (e.g. 5vw). I want to set its dimensions for further functions but I ...
0
votes
0
answers
28
views
Problems getting real width and height of videos
I'm having a problem when I upload videos. The thing is that I record my videos with my cellphone in vertical way and when I download them to my computer or pass them through whatsapp they still look ...
0
votes
0
answers
31
views
I wrote a recursive method in java to calculate the height of a tree and my question is how can I get this method to print the height one time
So here is my method:
public int getHeight(IntTreeNode root) {
if(root == null) {
return 0;
}
int height = 1 + Math.max(getHeight(root.left), getHeight(root.right));...
0
votes
0
answers
21
views
How to change viewholder height and width in recyclerview dynamically?
Now, I have a RecyclerView with GridLayout, and 4 ViewHolders: 2 rows per 2 columns.
On ViewHolder click events its height, and width should snap to fullscreen (change size), and another ViewHolder ...
0
votes
1
answer
25
views
How to wrap height according to child content for showModalBottomSheet or remove auto height
I have one bottom sheet and under that bottom sheet i am managing routing
my each screen have different screen size. and i want to change the height of showModalBottomSheet for each screen.
...
0
votes
1
answer
22
views
Bad width, sections
I have problem with sections and resolution.
When is width smaller and smaller sections are bugging together, ex. section home to section about.
I dont know what more i need to write to stop this ...
0
votes
1
answer
9
views
enable scrollbar for the submenu when the windowHeight is smaller than it
I have a submenu on position fixed (height 100vh) but when the submenu is bigger than the window height, it doesn't scroll correctly
ul {
position: fixed;
top: 0;
width: 100%;
height: ...
0
votes
0
answers
25
views
Save navbar height to redux from different components
I am a new react user. I have been struggling with a task like this for a few days. I have a project that contains many components and redux. We also have a navbar that uses react-headroom. I need to ...
1
vote
2
answers
29
views
I want to make div for class "BLACK" which doesn't resize on resizing browser
How to make a div which do not resize with browser resize?
div for that code is as below there are other 7 classes same as purple but I want BLACK not to resize with browser what are possible steps I ...
0
votes
0
answers
69
views
"style.max-height.px" not working for primeng p-card
I have a rectangle like this with some information displayed.
When I click in the info it is shown a primeng p-card as shown in next image:
I need to force the card to stay inside the rectangle. I ...
-2
votes
0
answers
30
views
How to remove transitions delays
This is a form that opens when you click on the checkbox. I animate it through max-width, in the normal state max-height: 0; and when I click on checkbox the class with max-height is added: 100%; My ...
0
votes
1
answer
19
views
flutter show error:“Horizontal viewport was given unbounded height”
this code show error "Vertical viewport was given unbounded height"
Container set hight is ok,but Is there an adaptive height solution?
@override
Widget build(BuildContext context) ...
1
vote
1
answer
34
views
Why "height: fit-content;" does not fit any of its contents?
There is a div that covers one part of my page in my project. I wanna set its height to cover all of the objects that are located inside of it, so i put fit-content as its height property. But, for ...
0
votes
1
answer
26
views
Why window.innerWidth is wrong?
I'm trying to make a canvas JavaScript game, so i added this in code
window.addEventListener("resize", () => {
console.log("resi2ze");
canvasElement.width = window....
1
vote
0
answers
13
views
Make grid column height fit only the content it need and flex start the one below [duplicate]
I was able to create a grid of 4 column and make each element get only the height it need.
But i want for the one below to be aligned and not have this space as you can see in the picture.
GRID PARENT ...
0
votes
1
answer
27
views
SVG height not behaving as expected
Not that it matters but I'm using https://getwaves.io/ to generate an SVG image.
What should happen
The blue waves should take up much more vertical space in the gray box. It seems like it does not ...
0
votes
0
answers
21
views
HTML image define width and height. Why distorted
I use this html-code to define width and height of the shown picture.
Why ist the image distorted in height, when I use auto. What do I wrong?
<img src="image01.jpg" width="80%" ...
1
vote
1
answer
48
views
Make <input type="file"> height the same as the div container using Bootstrap 4.5
Second div has the py-4 tag and only the "Upload" button uses this height. I'd like also this same height for the "Choose file" and "Upload" options. Is this possible ...
0
votes
0
answers
6
views
How to set layout contstrain height max of nestedscrollview programitically
I have nestedscroll view and its child is linear layout and I am adding edittext dynamically to linear layout, edittexts may be any number of so linear and nestedscroll view layout height have to ...
0
votes
0
answers
27
views
How to use height syntax in python tkinter
Let me prefix this by saying I’m a real noobie to coding…
Confused… I’ve seen some people able to use the height syntax for adjusting frames in tkinter, is there another library ive gotta import or ...
-1
votes
1
answer
22
views
Hide an absolute centered div by resizing the viewport
I have a problem related to my centered div.
I would like that when the height of the viewport is resized, the div goes under viewport instead to ascend at the top of the screen.
Here is the ...
0
votes
4
answers
41
views
HTML Two pictures side by side positioned, filling out the full width of the explorer window
I am looking for a solution to get two pictures side by side positioned, filling out the full width of the explorer window.
The two photos have different formats (portrait and landscape). The two ...
0
votes
1
answer
27
views
@media only screen and (max-device-width) images width and height definition
I have a problem with width and height of images on the smartphone. I use this code. But I don't know why on the smartphone it also uses the same height of 13em like on desktop screen. All other ...
-2
votes
1
answer
32
views
Claimed to be the same height but doesn't seem to be [closed]
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's ...
0
votes
1
answer
27
views
React webcam height could not be set
I tried to set webcam height as below using '%' (tried setting both from js page and from css).
<div>
{!imgSrc && <div>
...
0
votes
1
answer
51
views
how to set p, h1, ul on same height in flexbox/grid
I have the following code: https://jsfiddle.net/yedovc7w/
body,
p,
h1,
ul {
margin: 0;
padding: 0;
}
.content {
display: flex;
/* grid-template-columns: 1fr 1fr; */
}
.left,
.right {
...
2
votes
1
answer
44
views
Why is the min-height not overriding the height?
this is my first post on stack overflow so I hope I'm doing it right, but I'm having this css problem on the home page of a website I'm creating where it has different sections and I want to make it ...
0
votes
3
answers
90
views
Why is height: 100%; overflowing parent? [duplicate]
I'm having some problem with CSS. Here is my code:
#root {
width: 500px;
height: 300px;
border: 1px solid black;
}
#header {
border-bottom: 1px solid black;
width: 100%;
height: 50px; ...
0
votes
1
answer
17
views
how do i make the div column with fixed height, also respond according to the content inside
i have created the following layout and i want the div columns "title 1" "title 2" have a fixed height and also grow when there is content inside of them, now when i add content to ...
0
votes
1
answer
19
views
How can I fix height on MaterialUI?
How can I fix this white line?enter image description here
If I make height:100% it looks so:enter image description here
0
votes
0
answers
25
views
Chrome on iPhone give incorrect window.innerWidth window.innerHeight after orientation
My webpage is running on Chrome 99.0.48.44.59 on iPhoneX
When I rotate the device few times it start to give incorrect window.innerWidth and height
I put a timer and keep printing the values.
They don'...
0
votes
4
answers
37
views
I want my <nav> to be 100% of document's heigth but css % doesn't work
My style for nav ...
nav.menu-desktop{
width: 15%;
height: 100%;
background-color: #b54e74;
margin-top: 4px;
margin-left: 4px;
margin-right: 8px;
margin-bottom: 8px;
font-size: 24px;
color: whitesmoke;...
0
votes
1
answer
19
views
How to resize dw_height
Good evening teachers, please help and enlighten me, I have 2 DWs to use as DW menus, what I ask is how to make the lower dw_height = the height of the number of rows that appear, (the number of these ...
0
votes
1
answer
44
views
Bootstrap make rows in neighbouring columns the same height (in Laravel)
I'm trying to make a calendar app with a header row and header column, which shows six days in columns and has a fixed number of time periods per day.
<div class="row">
<div ...
0
votes
0
answers
37
views
How to dynamically increase the height of a recyclerview as you add items to the recycler view?
I would like to increase the height of the recyclerview as items are added. I have a recyclerview of phone numbers in my app, so the user can add as many numbers as he wants. But on the screen, the ...
1
vote
1
answer
28
views
css img 100% height doesn't resize to table row height
Following code doesn't shrink the image to the row height and I don't understand why.
there are a lot of similar questions on the forum, but I can't seem to find the explanation or solution for this ...
0
votes
0
answers
19
views
RStudio html publishing defaults
When I publish html to RStudio Connect or "Save as Web page" there is height parameter that is automatically set to 500. How can I change it?
0
votes
1
answer
65
views
IntersectionObserver changes the height of observered element
I'm trying to create a lazy loading article list. I've set an Intersecton Observer that checks when the viewport reaches the end of the observed element (the article container) and makes a new api ...
0
votes
0
answers
18
views
Make Gallery Boxes same height
Here is my page: https://soniahunt.com/press/
I am using a WP plugin to display posts in a dynamic/responsive grid. However, due to varying lengths of titles/descriptions, some boxes/cards are taller ...