471,881 Members | 1,630 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,881 software developers and data experts.

Space

30
I had my site done, but I looked at it in IE6 and it was messed up even though it looked fine in IE7 and FF. I used a conditional statment so now when it loads in IE6 it loads a different style sheet. However I don't know what is causing the gap to the right of my layout next to the banner and stuff or any of my other problems. Does anyone know?
Expand|Select|Wrap|Line Numbers
  1. <pre class="alt2" dir="ltr" style="border: 1px inset; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 498px; text-align: left;">*{margin:0;padding:0;}
  2. body {
  3. background-color: #5f656b;
  4. font-family: Tahoma, "Arial Unicode MS", Arial, sans-serif, serif;
  5. font-size: .8em;
  6. color: #eea103
  7. }
  8.  
  9. /*July 8th 2007*/
  10.  
  11. #content {
  12. height: 505px;
  13. width: 518px;
  14. background-image: url(images/content.jpg);
  15. background-repeat: no-repeat;
  16. margin-top: 4%;
  17. margin-left: 27.2%;
  18. }
  19.  
  20. #sidebar {
  21. height: 505px;
  22. width: 153px;
  23. background-image: url(images/sidebar.jpg);
  24. background-repeat: no-repeat;
  25. margin-top: 4%;
  26. padding-top: 3%;
  27. padding-left: 3.5%;
  28. margin-left: auto;
  29. float: left;
  30. }
  31. #linkscss {
  32. padding-left: .8%;
  33. padding-right: .8%;
  34. padding-top: 4%;
  35. width: 105px;
  36. }
  37.  
  38. #navigation {
  39. margin: 0%;
  40. padding-top: 0%;
  41. border-width: 0px;
  42. height: 28px;
  43. }
  44.  
  45. #banner {
  46. border-width: 0px;
  47. margin: 0%;
  48. padding: 0%;
  49. margin-top: 0%;
  50. height: 119px;
  51. }
  52.  
  53. #footer {
  54. height: 28px;
  55. width: 712px;
  56. background-image: url(images/footer.jpg);
  57. background-repeat: no-repeat;
  58. margin-top: 4.2%;
  59. }
  60. #container {
  61. width: 712px;
  62. margin: auto;
  63. position: relative;
  64. padding: 0%;
  65. background-color: #3c4246;
  66. }
  67.  
  68. #home {
  69. width: 442px;
  70. }
  71. #news {
  72. width: 442px;
  73. }
  74.  
  75. #texto {
  76. padding-left: .8%;
  77. padding-top: 6%;
  78. width: 105px;
  79. }
  80.  
  81. #text {
  82. padding-left: 5.5%;
  83. padding-top: 5%;
  84.  
  85. }
  86. #footer {
  87. padding-top: .01%;
  88. padding-left: 3%;
  89. font-size: .7em;
  90. }
  91.  
  92.  
  93. #links {
  94. padding: 0%;
  95. margin: 0%;
  96. }
  97. #navigation {
  98. height: 28px;
  99. width: 712px;
  100. background-image: url(images/navigation.jpg);
  101. background-repeat: no-repeat;
  102. margin-top: 0%;
  103. }
  104. #hvan {
  105. margin-left: 28.5%;
  106. padding-top: .7%;
  107. padding-bottom: 1%;
  108.  
  109. }
  110.  
  111. h4.sidebar {
  112. margin: 0px;
  113. padding: 0px;
  114. padding-top: 15%;
  115. }
  116.  
  117. /*Should change form colors*/
  118. #quotel {
  119.  
  120. }
  121. .quote {
  122. }
  123.  
  124. .name {
  125. font-size: 14px;
  126. background-color: #575b64;
  127. border: 1px solid #eea103;
  128. color: #eea103;
  129. }
  130. .budget {
  131. font-size: 14px;
  132. background-color: #575b64;
  133. border: 1px solid #eea103;
  134. color: #eea103;
  135. }
  136. .email {
  137. font-size: 14px;
  138. background-color: #575b64;
  139. border: 1px solid #eea103;
  140. color: #eea103;
  141. }
  142. textarea {
  143.   background-color: #575b64;
  144.   border: 1px solid #eea103;
  145.   color: #eea103;
  146.  
  147. }
  148. input {
  149.   background-color: #575b64;
  150.   border: 1px solid #eea103;
  151.   color: #eea103
  152. }
  153. a:link {
  154. color: #ef9f02;
  155. }
  156. a:visited {
  157. color: #ef9f02;
  158. }
  159. a:hover {
  160. color: #ae6d1b;
  161. }
  162. a:active {
  163. color: #ef9f02;
  164. }
  165. table {
  166.    margin-left: 0px;
  167.    margin-right: 30px;
  168. }
  169. td, th {
  170. padding: 0px;
  171. margin: 0px;
  172. }
  173. tr {
  174. padding: 20px;
  175. }
  176.  
  177.  
  178. .nav a {
  179. color: #ef9f02;
  180. text-decoration: none;
  181. }
  182. .nav a:visited {
  183. color: #ef9f02;
  184. text-decoration: none;
  185. }
  186. .nav a:hover {
  187. color: #ae6d1b;
  188. text-decoration: underline;
  189. }
  190.  
  191. .nav a:active {
  192. color: #ef9f02;
  193. }</pre>
  194.  
Hear is what it looks like in IE6. http://i93.photobucket.com/albums/l7..._Bouzy/IE6.jpg

Hear is what it looks like in every other browser. http://i93.photobucket.com/albums/l7...y_Bouzy/ff.jpg

Are my problems because of bad coding??? I hope not I try really hard.
Aug 13 '07 #1
3 1071
Bouzy
30
If it helps hear is the url I just put it up. For some reason the images don't show up.... but if this helps explain why it looks good in IE7 and FF but not IE6 or 5.5 then good.

http://goldfishgraphics.110mb.com/
Aug 13 '07 #2
epots9
1,351 Expert 1GB
try this guide it might be what your looking for.
Aug 13 '07 #3
drhowarddrfine
7,435 Expert 4TB
You have a <div> inside a <p> which is not allowed. Don't know if that's the problem or not.
Aug 13 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Malcolm Dew-Jones | last post: by
38 posts views Thread by Xah Lee | last post: by
11 posts views Thread by kenneth | last post: by
10 posts views Thread by Bing Wu | last post: by
5 posts views Thread by Yasaswi Pulavarti | last post: by
2 posts views Thread by shagy | last post: by
10 posts views Thread by Phil Stanton | last post: by
reply views Thread by YellowAndGreen | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.