I seem to be having an interesting problem linking my css stylesheet. Everything is working perfectly fine on my website css wise for every page on chrome, firefox, and anything else. But for some reason, 1 page in IE is displaying weird. Im using the same stylesheet for almost every page on the website but yet its not working on 1 page on IE.
Check it out for your self on IE. Heres the home page that works fine http://www.sentinelgaming.net
Then on the forums page it messes up. http://www.sentinelgaming.net/forums
Again, im using the same stylesheet on the home page as the forums. But one page displays differently.
Thanks for any help.
It looks like the forums page is failing to load this css file:
http://files.enjin.com/202624/general%20files/navbar%20css.css
It might be due to the fact that on line 740 there are second DOCTYPE, html, head, and body tags. You should delete all that and move the css file link to the proper head tag at the top of the page.
This should hopefully fix your issue.
Related
I'm trying to get a job as a developer. I've made a personal website to show employers but I've got a bug. Everything is fine in all browsers except Chrome.
On the first load of the page, the navbar layout is messed up. After you hit refresh or navigate to other pages the proper layout is maintained.
I have no idea what is causing this. Can anyone help?
Link to website: www.alexanderisgr8.com
Possibly a caching issue due to an older css. Try doing a hard-refresh [ctrl+f5]?
I am having a problem with our site not displaying the CSS while on iPads.
Here is what I have done so far:
Works fine on mobile. In addition when I use browser console to view as iPad it works fine and when I use a site to view the page as an ipad it also works fine
However on a physical iPad none of the styling kicks in and I cannot figure out why. Any help would be very much appreciated.
We are using a html include for the CSS scripts - could this be an issue?
The site is:
www.roburir.com/index.html (we are working on getting rid of the index.html displaying).
You are using HTML imports to load content including header content, which has very little browser support. Just use a PHP include to import stuff, or normal CSS links that have worked fine for decades. :)
I have a web site that I'm building using HTML and CSS. I have 3 pages built exactly the same minus the actual content on the page. The issue I'm having is that on Firefox, one of the pages shrinks. Everything from the Header down to the Footer and including icons shrink. When launched on Safari, it works fine. Any suggestions as to what to look into for the issue or why it would happen on Firefox? I've exchanged the CSS for the other pages and it hasn't changed. I know it's bad practice to have 3 HTML files that will look the same but to give them each their own CSS and I'll fix that now. Thanks for your help!
Can someone look at my site on IE and look at my code through view source and let me know what I am doing wrong.
My site shows up on Firefox, but only shows my pink background in IE all my content is missing. I spoke to my hosting company and they think its comparability issue but their are reasons I don't believe that.
My site was up and running 40 minutes before I changed the text size and a few images.
I haven't changed any major coding that I know of to make my website a compatability issue.
Its a basic website but I need my site to run in IE. I would put my code up here but its too long. Also when I look at my website through Dreamweaver preview it also only shows me the pink background in IE.
You opened an html comment under the script tag but never closed it.
<style type="text/css">
<!--
Close it as follows:
-->
</script>
I'm in the process of creating a website.
This website works great in Chrome (10), FF (3.6.13), however only half of it works in IE (8). Now, I'm aware of some of the issues between browsers, but this one has me stumped. Because half of the script is working (displaying properly) -- the other half does not.
A live version of the website may be found here
Additional information:
I am using the html5 doctype, <!DOCTYPE html>
I have validated my site with HTML5 as well as HTML4.01 STRICT
EDIT
At the request of Zabba, here is what SHOULD be happening:
I am externally loading content from other sources into my website.
My menu(s) and the text. In Chrome, and FF the menus, and the content are loaded and displayed. In IE, the menus are NOT loaded bu the content is. Funny enough, the logo also stops loading in IE.
EDIT
The problem has been narrowed down to a CSS issue, thank you!
The issue is in your CSS, not your JavaScript. Try these suggestions:
Remove your filter:alpha(opacity=80) from the #body block in your CSS.
Set z-index values of >5 on the missing items, since you have z-index:5 on #body. Or remove the z-index from #body.