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.
Related
1) Above attached is my Firefox screenshot. I have modified my userchrome.css file to get rid of the tabs but now Firefox has a big empty gap at the bottom. I am unable to get rid of it. I tried everything.
2) Also, how do I shrink my navigation bar to the right so that my tree Style tab occupies the whole left side.
Here is what I have tried so far:
#main-window[sizemode="maximized"] #titlebar {margin-bottom: -34px !important; }
#main-window[sizemode="maximized"] #nav-bar {margin-right: 138px; }
The -34px worked in expanding my main window but without the outside frame so it ended up hiding the bottom part of the window. I think there should be another "Frame-window" or something?
I am really surprised that no one has asked a question like this; I mean almost anyone who uses Tree Style Tabs add-on is bound to face this issue and that addon has like more than a million users.
OK, thanks to Micha, I was able to partially solve the first problem.
here is the link with screenshots and an explaination:
https://github.com/LucKy-4U/Firefox-Chrome-Folder
Still, if someone knows how to do it without using my stupid trick then please let me know as my trick is partially broken.
I am trying to make a responsive website, but I am stumbling upon a weird problem. When I am looking on the desktop page, everything is in the right position. There are no pixels left.
However, when I am loading the responsive version on my mobile, I see some pixels left (just scroll to the left or the right and you will see what I mean). The problem gets bigger when there is content like a single post or page.
The website is here: http://FavoriteFM.com.
I can provider the CSS code, but it will be a lot of lines. I am suspecting something in the content is 'sticking out'. But I am not sure of a tool that can see such problems.
Thanks,
Dennis
Today I have disabled every div by div. I figured out the problem is with the sidebar. I still had: 'left: 8px;' on. Removing it did the trick for me. So if you have this problem, check if something of your content is 'sticking' outside your wrapper. Even if you can't see it, it still can be there.
I have gone thru the site and searched for the last two hours and am trying to get a wordpress site to work correctly. Everything is working except the white box that holds the content will not go to the bottom no matter what I try. I have tried all the options here but I think it may be that I do not understand enough about css or the divs are all messed up from the template. Can someone please help out with what I have crossed. My page is located at http://craftedimages.com/AA/aae-events/ and you will see the white box on the right that does not extend down. I got this template and have been modifying it of which there were already lots of problems. Thanks for your time ahead of time.
Try adding
#page{
height:1035px;
}
..to the css - the sidebar is this height and although it is auto that is the given height
Hope this helps
Using chrome inspect element. I can see that your <div id="wrapper"></div> has the style
height:auto;
set it to
height:100%;
That should fix it. Only do that for this page. The other pages are set to auto because it forms to their content. This page doesn't have enough content to reach the bottom like the rest of the pages.
I've just started a new project for my clan. First i worked in chrome, but one of my friends told me there was a strange problem with the site. At the top of the page there is a white space, but this happens only in Mozilla. When i inspect it, it says it's apart html. I've triple checked the css for margins and paddings, but i couldn't find the problem.
Here is the CSS:
https://docs.google.com/file/d/0B8jNXRky-LW_aUw4Z1hXVlVwbHM/edit?usp=sharing
This is quite a strange issue. I see it in chrome also. It seems to go away if I add display:inline-block to .content
I'm looking through it atm but i am unable to find why it requires this. will edit if I find
EDIT:
its the span inside .content it has a lot of margins / padding on top of it, it is shoving everything else down. You need to modify this
So, CSS is not my strength. I need some help. I'm developing a Wordpress Plugin, and while I have the PHP down, I need help with getting the CSS to work with me. The page can be seen at http://www.airupt.com/?page_id=386. The issue is that I have called a shortcode for the search box below the call for the search results. This is for demo purposes only and the link will die soon after this is fixed.
Please type something in and search, you will see what I mean. The Search box background will appear at the top of the results, over the first one. The search box itself will appear after the results, as expected.
Can anyone tell me where the code went wrong and how it can be fixed? :D
Are you testing this in more than one browser? It doesn't seem like it. To answer your question:
give it a float:left;, like the rest of the elements in the <div class="entry">
.search-custom {
float:left;
/* all the other styles for search-custom that it normally has*/
}
I'd say rather set clear:both on .search-custom.
overflow:hidden will get you into more/different trouble because your sizes are a bit out
Set overflow:hidden; on your .search-custom div, then go get yourself a copy of Firebug. It'll get you out of 80% of these jams.