Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I am working on dermatologytech.org/ and have gotten the markup as W3 valid as I could. When I view the site in internet explorer it does not appear right, the buttons appear all the way up. See the picture below. Additionally, the navigation is shifted in FireFox. See second image. Any assistance would be appreciated.
Hey now you can do this easily just define
min-height of your slider div in your css file.
as like this
.slider{
min-height:266px;
}
Can you post the CSS and PHP index (or maybe part) to help you troubleshoot? There might be a problem with your positioning as Internet Explorer does not support all CSS tags. I tried using IE 8 on your site and the output is okay. So maybe check your CSS file and look for CSS tags that are incompatible with IE 7 and look for a workaround. Check this out : http://msdn.microsoft.com/en-us/library/bb250496%28v=vs.85%29.aspx and this : http://www.quirksmode.org/css/contents.html
These sites may help you find what makes your layout change on IE.
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 4 years ago.
Improve this question
I am using vanila Css and having sucsess on the mobile Firfox broswer but a a problem occuring using Chrome broswer.
Here is the link.
Man i could not fixed. removing the footer which is fixed only partly solves the problem the right blank white
There is a "#footerTxt" element in the "#footer", you may modify it's css. If you remove the 'width' from it, the view is will normalizing (white space will remove from the right side).
You need to change/modify this "#footerTxt width" property.
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 needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm new to HTML and CSS and I don't know any other web languages. 2 Questions:
When my website (zarwanhashem.com) is accessed using a different resolution than the one it was made on the header area at the top isn't filling up the page and the text is going beyond it as well. I didn't have this issue at first. Why is it messing up? Also, I'm not sure if you can see my CSS from inspect element.
The footer I created isn't showing up. It was working fine last night and I honestly have no clue what changed that made it stop working now. It isn't showing up.
Let me know if you need any other details. Thanks for the help.
your footer is inside a misclosed comment <!--footer-> instead of <!--footer-->
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am wondering there is a tool such as a Google Chrome extension out there that will get all of the css displayed on the current page, and nothing else. For instance, when you use the developer tools in chrome and get the css you have the option to get the classes you hover over and it's neighbouring classes, or the ability to see the full CSS file for the whole site. I am looking for a way to get ALL of the css used on the current page and displayed all together, instead of me having to manually check each div and pasting it into notepad.
I figure there must be something out there that does this. Any help is appreciated.
I haven't tried these myself, but Pendule and Quick Source Viewer look promising.
I would just post this as a comment but I don't have enough rep. :(
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.