When I build my VueJS project with npm run build the columns of my grid get an enormous height for no reason (I could find) I'm currently searching for like 3 hours already. Even changed settings etc. I think it has something to do with my css.. I hope this question can help. Couldn't find anything on Stackoverflow regarding this issue.
It looks like the height of the divs are the only issue while building..
In this link you can see how it's supposed to be:
http://jmp.sh/IU64imX
On this url you can see what happens:
http://206.189.5.59/
I see that your .grid class has min-height: 100vh. Removing this fixes the issue for me.
Related
I'm not so well in web design. But now I'm using Robust Bootstrap 4 template for my project. I have a problem.
The footer's position is depended on the content above it.
I have read some answers in this site which involve many CSS configurations. I am worried that it could influence the template. Is there any simple tricky solution for me?
EDIT:
I am not sure to post the code because of its complexity.
BINGO! I just found a solution. Just adding css min-height: 95% to the content, and it works like a charm.
I've just started looking into CSS3 and HTML and I wanted to use it for a University project that asked us to make an ASP.NET website, but I can't get the height of the content to fill the 100% of the browser... It's actually not even taking into consideration the content of the default.aspx.
Tried a bunch of stuff on other questions around here, but most times they either don't do anything or mess the whole positioning of everything.
Was hoping you guys could give me some tips on how to fix it. Here's the fiddle: JS Fiddle
Thanks in advance.
You need to provide the form also with height: 100%;. Check out this fork of your fiddle.
http://jsfiddle.net/tushar2289/a5Bhv/1/
I am in the process of using Foundation to create a website, and I have come across a problem that I can't seem to find the solution too. I have noticed that when expanded, some of my drop-downs get cut off in the Mobile Version of the Top Bar, and I was wondering if anyone had come across this issue, or had a fix for it. Did I do something in the CSS that made the JS no longer count all of the elements correctly?
You can see what I am saying here.
http://www2.100foldstudio.org
Just try this by adding in css.
.jScrollPaneDrag {
height:0px!important;
}
I think the link is break in theme
Update the link from
http://www2.100foldstudio.org/wp-content/themes/100foldstudio/_/js/functions.js
to
http://www2.100foldstudio.org/wp-content/themes/100foldstudio/js/functions.js
Figured out that if I add a List Item at the end of the main top bar section in "mobile" mode, and added a clearfix class to it, the js kicked in and started calculating the height correctly.
Thanks guys,
Okay so yesterday I posted about a grid error I was getting, but now when I try to put a div after the grid squares. Their css is:
But see all the code here: http://jsfiddle.net/W2tBa/1/
I want the footer be extended as the header is but aslo have the cushion of 3px on the top. Also jsfiddle is displaying it correct so im not sure whats going on.
For some reason the jsfiddle is working but on my computer it isn't. I am running XAMPP on my MacBook. Ill try real quick and see what happens on my website. See it is the same on my website here: http://harrisonbh.com/new/ it still doesn't work.
//Ignore this StackOverflow is making me put this here
Using clear: both on the footer div fixes it.
Hello
I have quite a strange problem using quicktabs. I used the framework theme to develop a custom look for my site. I used quicktabs in the center content area to create a tabbed look for placing links within the body. Everything is working fine. However, when I view the site in IE8 at a resolution if 1024*768, I have trouble with a few links. It seems that sometimes the first link under my buttons are difficult to click. The link is there - I can actually click it, but it is very difficult to locate - it only appears at the very beginning of the link text - it is not the first letter, it seems to be only the first pixel.
I looked at the source and everything seems to be correct - I can't figure out what could be wrong.
Has anyone seen any similar behavior that might be able to point me in the right direction for a fix for this?
Thanks for any thoughts.
Edit - I looked further into it and I think it has something to do with my CSS. I disabled css in ie8, and every link is clickable, even the ones that were difficult to locate earlier. I guess there must be an overlapping of containers or something, so I will have to start messing around with those files.
It sounds like a CSS thing, have you inspected the elements in question using the developer tools (press F12) to see whats going on?
I found the solution. In the style.css file for my theme, the .block had position: relative; applied to it. removing that bit of themeing appears to have fixed the link issue.
Thanks