bmroyer Posted February 3, 2008 Share Posted February 3, 2008 First of all my website is BrandonRoyer.com. I read a css book on how to build the webpage, but my problem is it has issues in other browsers. It works fine with FF2, but in IE, everything gets jumbled around and its hard to view.Here is my CSS: html{ margin: 0px; height: 100%;}body{ background: black; margin: 0px; height: 100%;}#container{ position: relative; width: 56.5em; min-height: 100%; margin: 0px auto; background: rgb(33,52,74); color: white; background: #21344A url(images/links.gif) repeat-y;position: relative;}a{ color: white; font-weight: bold; text-decoration: underline;}#header{ display: inline;}#navLinks{ position: absolute; top: 80px; left: 0px; bottom: 0px; list-style-type: none; margin: 0px; padding-top: 30px; padding-left: 20px; padding-right: 30px; background: rgb(41,48,57);}#content{ position: relative; width: 44em; min-height: 85%; padding: 20px; margin-left: 10em; } #content h2{ font-weight: bolder; font-variant: small-caps;}.newsPost{ border-bottom: 2px white groove;}.newsPost p{ }.newsPost p.dateline{ font-weight: bold;}#archivesLink{ margin-right: 25%;}#footer{ position: absolute; bottom: 0px; width: 52.5em; background: rgb(47, 50, 56); text-align: right; text-align: right; padding: 5px 2em;}div.thumbnail { width: 197px; float: left; margin: 0 5px 5px 0; }div.thumbnail img { width: 197px; margin: 5px 0 0 5px; border: 1px solid #777; }div.thumbnail p { margin: 0; padding-bottom: 0 20px 30px 10px;text-align: center;} Link to comment Share on other sites More sharing options...
newseed Posted February 3, 2008 Share Posted February 3, 2008 It's helps if you provide the HTML code too. Link to comment Share on other sites More sharing options...
bmroyer Posted February 3, 2008 Author Share Posted February 3, 2008 you can view that in your browserView < Page Source Link to comment Share on other sites More sharing options...
jlhaslip Posted February 3, 2008 Share Posted February 3, 2008 You might need an IE Conditional Comment to specify a font-size that will re-shape the page so it looks the same as FF2.Google it.*edit*also, close the br and meta tags to remove 11 warnings. http://validator.w3.org/The W3C Markup Validation Service Link to comment Share on other sites More sharing options...
newseed Posted February 3, 2008 Share Posted February 3, 2008 You might want to explain what you mean by "jumbled around" because I don't see any problem in FF, IE7 and IE6 other than the font size and type are not declared thus leaving the browser to use it's own the default font setting. Link to comment Share on other sites More sharing options...
bmroyer Posted February 4, 2008 Author Share Posted February 4, 2008 try going to different pages like bio and pictures. Link to comment Share on other sites More sharing options...
newseed Posted February 4, 2008 Share Posted February 4, 2008 I see. Well I urge you to do what the other poster said and that is to validate your code because one problem you have on your Picture page is that the <img tag is not closed with a >.Validate your code http://validator.w3.org/ Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.