Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
Just launched a new Wordpress site, and for some reason that I can't figure out, the navigation is pushed way to the right and then rolls onto the next line, but only in IE.
I only have access to IE 11 on Windows 7, so I can't be sure if it's doing the same thing in other versions. But it looks fine in Chrome, Safari and FireFox on both Windows and Mac. The theme is highly responsive and it also works fine on my iPhone.
Anyway, here's the site:
http://www.all-about-wolves.com
And here's the main .css file:
http://www.all-about-wolves.com/wp-content/themes/TheHunter/style.css
Any ideas? Virtual beer for whoever can point to a solution!!!
Notice that in IE the menu starts where the site logo ends.
To fix this, edit your css and make sure the 'clearfix' will works properly on all browsers.
.clearfix {
clear: both;
}
You need to clear your float left (or both) on the <div class="clearfix"> that wraps your menu.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am scratching my head trying to figure what could be causing this issue I am having with my menu on Internet Explorer. It looks fine on all browsers except IE.In IE the menu is almost double the size it should be.
I imagine it has something to do with line height, because I can not see any sort of padding or margin in my css that might be causing this. Take a look at the image below and the link is below as well.
Image of IE Screen Shot:
Link: New Growth Partners
I checked this on IE, and the issue is on line 20 of style.css
This line is not valid in IE "line-height: initial;"
In the universal fix for this would be to set it. I think "line-height: 18px;" looks good.
Joseph Sanatar IE Fix
Joseph Sanatar IE Fix with CSS
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 9 years ago.
Improve this question
I have been scratching my head over it for a long time. Unable to find a solution. I have uploaded the website on live server for you to see. Ok the problem is that logo keeps pushing the div down causing navigation menu to break . The problem is worse on firefox and safari.
It would be hard to explain unless you see it yourself however I am attaching an image to make it clear what the problem is.
Here is the URL where page is located: bitcoinirl.ie
P.S: I know it is a bad practice to post url instead of code but really can't figure out the cause for the problem. Hence unable to paste appropriate code
Ahmar
While I see countless problems in the code (or is it template/boilerplate?), this fixes the problem as you describe it, without accounting for your lesser screen sizes (I can't test the fix because the menu gets garbled on responsive breaks).
Line 334 or so of styles.css
.nav-menu__link {
width: 120px; // Change this to 12-13% instead of 120px;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
Anyone out there able to help in figuring out the IE mystery of relieving this gap? Has me and my team boggled as in how to get rid of it from Internet Explorer. Seems to be fine in all other browsers that were tested in their latest versions (Firefox, Google Chrome, Opera & Safari).
I tried to set an image in the HTML using CSS, but then it applies to all the iFrames unless someone knows how to set an iframe image to either not appear or have a white background using CSS. Seems that the 'background' attribute does not apply to iFrames.
Here is a link to the development site .. dev576.webdugout.com
Hope I gave decent information for background.
Thanks in advance!
An image can be found below since I don't meet the requirements of this site :/
http://dev576.webdugout.com/images/112696/gap.jpg
There is some problem with html inside footerwrap it got fixed when I apply overflow:hidden to id="pageContainer" or to footerwrap. so you can fix the issue by applying overflow:hidden to anyone of these 2.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
For some reason the webpage I am working on doesn't seem to be working on firefox or ie correctly. It works fine in chrome, but in firefox and ie the main content area is pushed over to the right and the right sidebar drops down because of this. I can't figure out why this is happening. Can someone help?
My URL is : http://dev.internationalservicescenter.org/product/blue-t-shirt
Your menu is wrapping. You can make sure your .navigationArea div is all the way to the left by applying the rule clear: left; to it.
I think it is to do with your div with id=nav.
Give it a width of 100% and work from there.
Also set the padding-right of the elements in the nav to be 15px not 20px.
I'm looking via Chrome
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
So, this is based on WordPress. Here is the blog on safari and on firefox, what is wrong, likely with the css, since firefox it is not displaying the page correctly?
on safari (, mouse hover on first post)
on firefox
html (with php) - pastebin link
html (generated) - pastebin link
css - pastebin link
the first grayed element on firefox is this
Added a jsfiddle: DEMO
The "display:moz-box;" applied to .post-holder is preventing the images from showing up. Looking into WHY now.
I haven't messed with flex-box layouts much at all, so this is largely assumptions. You have a "display:mox-box;" set on .post-holder, but .post-image neglects to set any flexbox properties. Adding "-moz-box-flex: 1;" to .post-image causes the images to display, but likely are not the size you're shooting for.