Faracus Posted March 12, 2008 Share Posted March 12, 2008 I am having problems with the CSS in IE7. It work's perfectly in FX, but when I test it in IE, then it is all over the place. Here is the source for the index.html <html><head><link rel="stylesheet" type="text/css"href="/style/shackguys.css" /><title>ShackGuys</title></head><body><p class="top"><img border="0" src="/images/logo.jpg" width="209" height="200"></p><br><br><br><br><a href="http://www.spreadfirefox.com/node&id=113625&t=213"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spread-btn-2.png"/></a><br><br><br><br><br><p class="link"><h1>Links</h1><a href="/index.html">ShackGuys Home</a><br><a href="/videos/index.html">Video's</a><br><a href="/account/index.html">ShackGuys Accounts</a><br><a href="/news/index.html">News Archives</a><br><a href="/sgmmorpg/accounts/index.html">ShackGuys MMORPG</a><br><a href="/LivingTorment/home.html">Living-Torment</a><br><a href="/index.html">The Relax Project</a><br><a href="/BETA/login.html" target="_blank">ShackGuys Radio</a></p><p class="main"><iframe src ="/news/main.html" frameborder="0" width="75%" height="85%"></iframe></p><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" width="122" height="47"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"><input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"></form></html> And this is the Style Sheet body {background-color:black;color:red}a:link {color: blue}a:visited {color: green}a:hover {color: gold}a:active {color: orange}p.main{position:fixed;top:210px;left:25%;right:-25%;bottom:-10%;}p.top{position:fixed;top:0px;left:50%;}p.frame{color:black;background-color:red;} This is my first time using CSS so I have no previous experience with it. Link to comment Share on other sites More sharing options...
jeffman Posted March 12, 2008 Share Posted March 12, 2008 I don't think this will fix the problem in itself, but for what you're after I would definitely change those big paragraphs to divs. Paragraphs work best when they work just like paragraphs in books: as a container for a sustained chunk of text. If you want to add lists, images, etc., use divs.Once you've done that, it should be easier to get cross-browser results. Link to comment Share on other sites More sharing options...
Faracus Posted March 12, 2008 Author Share Posted March 12, 2008 I changed the link section to a div with align left, and the news to an align right, but it is still just ordering right down the left side, but now the version in Firefox is messed up. This is how it looks now: <html><head><meta name="verify-v1" content="zo9U/jq0CIQqlx+jNMhLmJdl6sO24rkMa6TOzwrCcDQ=" /><link rel="stylesheet" type="text/css"href="/style/shackguys.css" /><title>ShackGuys</title></head><body><p class="top"><img border="0" src="/images/logo.jpg" width="209" height="200"></p><br><br><br><br><a href="http://www.spreadfirefox.com/node&id=113625&t=213"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spread-btn-2.png"/></a><br><br><br><br><br><div style="align:left;"><h1>Links</h1><a href="/index.html">ShackGuys Home</a><br><a href="/videos/index.html">Video's</a><br><a href="/account/index.html">ShackGuys Accounts</a><br><a href="/news/index.html">News Archives</a><br><a href="/sgmmorpg/accounts/index.html">ShackGuys MMORPG</a><br><a href="/LivingTorment/home.html">Living-Torment</a><br><a href="/index.html">The Relax Project</a><br><a href="/BETA/login.html" target="_blank">ShackGuys Radio</a><br><a href="/sitemap.html">SiteMap</a></div><div style="align:right;"><iframe src ="/news/main.html" frameborder="0" width="75%" height="85%"></iframe></div><form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!" width="122" height="47"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"><input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"></form></html> Link to comment Share on other sites More sharing options...
jeffman Posted March 12, 2008 Share Posted March 12, 2008 As far as I know, DIVs do not have an align attribute. Try {float: right;} Link to comment Share on other sites More sharing options...
justsomeguy Posted March 12, 2008 Share Posted March 12, 2008 IE has issues with your layout method Link to comment Share on other sites More sharing options...
Faracus Posted March 12, 2008 Author Share Posted March 12, 2008 Thanks for the help, everything is showing in the right places now, but when I use the IFrame, in FX it's the propper size, but in IE it's a tiny thing that is barly able to read. Any help there? Link to comment Share on other sites More sharing options...
Synook Posted March 13, 2008 Share Posted March 13, 2008 Did you set the iframe's height: and width: in absolute or relative units? Link to comment Share on other sites More sharing options...
Faracus Posted March 13, 2008 Author Share Posted March 13, 2008 Absolute. Link to comment Share on other sites More sharing options...
jeffman Posted March 13, 2008 Share Posted March 13, 2008 If it's still in a div that has no dimensions, that may cause some problems in IE. I've had such problems in the past, though perhaps the circumstances were not the same. Worth a look. Link to comment Share on other sites More sharing options...
Faracus Posted March 13, 2008 Author Share Posted March 13, 2008 I just had to change the Hight and width values from %'s to PX's and now it's working fine. Thanks a lot for the help. Link to comment Share on other sites More sharing options...
Synook Posted March 14, 2008 Share Posted March 14, 2008 % = relative, pixels = absolute Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.