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
Related
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.
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
The website is www.roshankrishnan.com
It appears to be fine in Chrome, IE, and Safari, but for some reason Firefox messes up the alignment of my navigation bar so the words are not correctly placed in the white bar. I can supply code if needed, but I don't even really know where to begin with this, as I'm sure if I edit my code it'll affect the appearance of my site in other browsers.
Try adding a reset script to your css; e.g. this one
This will reset all values to default and override any mark-up the browser adds.
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
I'm creating a theme for Tumblr and locally everything works fine. Yet when I paste the code into the Tumblr editor and preview it on the site a blank space appears on the top of the page. I've looked through the css and cannot figure out why it's appearing. Any ideas I've tried everything.
Tumblr address is http://storyline-expose.tumblr.com password for it is WIP
Screenshot of the problem:
Add margin-top:0 to .blogTitle
The problem comes with the <h1 class = "blogTitle"> and is well described here:
Margin on child element moves parent element
Another solution (besides Zach's) is to set overflow of the parent element to 0:
.headCoverWrapper { overflow: auto; }
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.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 9 years ago.
Improve this question
I have the following website (and please excuse the language of the site, it's in Hebrew), and I apologize for posting a link here. I promise to replace the link with something generic as soon as the problem is fixed:
EDIT: original site replaced with this: http://example.com
For some reason, there's an extra scroll to the left with IE7.
Is there a way to fix this?
You should be able to do:
html {
overflow: auto;
}
I also noticed your horizontal scrool bar in IE is related to:
<ul id="nav1"></ul>
It has position:absolute; that is causing the additional horizontal scrool.