Hi guys can anyone help me with this problem? I'm having a hard time looking for this width. When I'm checking it on the computed tab there's a width of 2290px but when I check the CSS it's width: inherit. Can anyone help me how to make this 100%. Thanks
Problem solved :) By adding display property the width gone :)
Related
I met a strange problem.
When I set a div as width: 1.1px, It will display as 1.094px.
It can correctly display in firefox.
Does any one know how to fix this?
edit
Addition1: It will display as 1.09px actually.
Addition2: division has the same problem, like 101px's 10% will be 10.09px.
try adding a min-width to it maybe that'll work!
Scroll the following page to right and you will see the following
What rule is causing the page to be that large and how can i fix it
Site is here
There is a horizontal scroll, because you positioned the div.features with left:350px;
Set display: inline-block to <div class="features"
UPDATE
It took about 10 seconds to find out where is the problem
Please use browser debug tools before posting such obvious questions
Add overflow-x: hidden; to your HTML element for a quick fix.
How do I set a specific section of a page (div section?) to be on top of another section? I tried adding a z-index on the CSS file but it's not working. Or maybe I'm adjusting the wrong CSS file. In the end, I am confronted with:
--- which CSS file do I adjust? (I'm using Firebug but now I'm not sure if I'm using it correctly
--- what exact code adjustments do I need to do?
This is a sample page: http://www.criminal-lawyers.com.au/offences/aggravated-assault. The testimonial box to the lower right part of the page gets covered by the brown area when you scroll down. The goal is to put it on top so it's not covered whenever you scroll down (I know I should better position it "absolute" instead, but that's not the goal).
Any feedback would be appreciated. Thanks!
Finally had it solved! Many thanks to all your comments below. Although some answers did not exactly solve the problem, there were concepts behind them that really helped.
You need to set z-index:21 on the div with id it_widget_content-11-background-wrapper which is the main container of the sidebar widget. That should solve the issue.
it's pretty simple, to this widget-background-wrapper sidebar-widget-2 add z-index:9999. sorry i would rather comment this, but reputation < 50.
Remove position:fixed on the classes
CSS file - wp-content/themes/Criminal-Lawyers-it/style.css
sidebar-widget-1
and
sidebar-widget-2
They will remain in place.
Just realised it may not be exactly how you want it to look :) However, even with correct z-index, it may look weird having them overlap the footer...
I am seriously losing it today. Anyone know how I can set #wpcontent to be 100% height like adminmenuwrap is? Creating a plugin and want the background to be 100% height. Thanks in advance.
How is it behaving when you set it to 100%? Does it seem like anything happens when you set it to a pixel height? This would let us know if the css is working at all. Then we can look at the div it's in. also have you tried using !important; ?
As you see in the image, under the footer there is white part which is not body.
I checked that all the div is closed> I am using html5. I am wondering if anyone can suggest possible causes of this problem.
Thanks in advance.
Try setting the html's height to 100%.
I once faced the same exact problem. I got it solved by removing a css file that wasn't required by the site and it was messing up the with default rules.