|
CSS - Damn Gap In Ie ..
Removed << Was just a simple error driving me to suicide.
Similar TutorialsHaving specific issue with my code. Page is 800px width, centered and I'm using absolute positioning to fix the specific elements, divisions in this case, to insure the page looks the same no matter what. html first, css second: Code: <html> <head><title>Matthew Flashner's Website</title> <link href="Flashner.css" rel="stylesheet" type="text/css"> </head> <body background="flashner_background.jpg" style="repeat"> <div id="header" align="center"><img src="Header.jpg"></div> <div id="navP"> <div id="navigation"> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> Nav Bar<br> </div> </div> <div id="contentPosition"> <div id="content">This area shall be the content area. Everything that will be displayed in regards to content shall go here. content <br> content <br> content <br> content <br> content <br> content content content content content </div> </div> <div id="footer">This is the footer</div> </body> </html> Code: body { margin: 0px; width: 800px; margin: auto; } #header { height: 100px; } #footer { padding-left: 1px; background-color: #8A9499; } #contentPosition { padding-left: 20%; } #navP { } #navigation { z-index: -1; top: 100px; left: 100px; padding: 10px 0px 10px 11px; background-color:#FFFFFF; } #content { z-index: 100; min-width: 1px; width: 580px; background-color: #FFFFFF; border: 5px solid #FFFFFF; padding: 10px 10px 10px 40px; float: right; }
The navigation seems to be screwed up, its like its floating and isn't fixed. Any help to fix this would rock. Edit: first post, why is the code staying as one line? freaky! The URL: http://www.dudley.nhs.uk/ The problem.... in IE7, the left menu is shifted to the right. If you refresh the page, the issue is resolved.... until you go onto one of the links again! I've split the CSS up into many files (tables, colours, fonts, left list, right list etc etc) One of my colour CSS files contains the code for the colouring of the lists. Within this, I have found: PHP Code: ul#navlist li a:hover, ul#navlistRight li a:hover { border-color: #ff0; background: #9cf; color:#000; } which seems to be causing the problem. Taking it out seems to works fine BUT I do lose the colour change. I've attached the 2 stylesheets that I use for the menu on the left. Please help! |
|||||||