- Home
- Web Development
- Web Languages/Standards
- CSS
- CSS Div Layout is unexpected in IE
Advertisement
| Hall of Fame |
- 1. Kravimir976,626
- 2. myderrick226,743
- 3. LZ1222,528
- 4. renazonse160,695
- 5. yessirnosir145,167
- 6. Steggs131,586
- 7. dachusa130,938
- 8. abel130,660
- 9. qwerty124,197
- 10. s8web117,721
- 11. therealteune113,185
- 12. jason1178106,348
- 13. locke_a99,925
- 14. glumlun95,840
- 15. level9wiz...92,784
- 16. amar31...79,840
- 17. mplungjan79,102
- 18. hankknight72,790
- 19. lharrispv68,063
- 20. mreuring67,911
- 21. flob965,920
- 22. selvol63,878
- 23. kadaba58,317
- 24. erikTsomik54,408
- 25. quincydude52,260
- 1. Kravimir1,701,435
- 2. VirusMinus1,496,602
- 3. Steggs1,370,076
- 4. GrandSch...1,081,204
- 5. seanpow...810,340
- 6. TName803,948
- 7. hielo666,664
- 8. Roonaan505,936
- 9. Eternal_S...444,661
- 10. scrathcyboy432,370
- 11. COBOLdi...415,775
- 12. mreuring404,498
- 13. yessirnosir269,237
- 14. oceanbeach264,232
- 15. GreenGho...232,879
- 16. Batalf232,544
- 17. myderrick226,743
- 18. LZ1224,028
- 19. mplungjan221,240
- 20. glumlun220,442
- 21. jason1178212,643
- 22. Zyloch210,215
- 23. GoofyDawg187,739
- 24. brunobear180,348
- 25. renazonse160,695
|
[x]
Posted via EE Mobile
|
||
Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again. |
||
| Question |
|
[x]
Attachment Details
|
||
|
[x]
The Solution Rating System
|
||
With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.
Your Input Matters If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support. Thank you! |
||
CSS Div Layout is unexpected in IE
Asked by TKD in Cascading Style Sheets (CSS), Firefox Web Browser, Internet Explorer Web Browser
Tags: Firefox 2.0 / IE 6.0
I use CSS to set the layout. I would like to let the layout in the center in browser. The expected layout is appear in Firefox 2.0. But I don't why the result is in IE 6.0 is different than Firefox 2.0. The result is in the left of the browser and it has extra space. Could someone tell me how to modify the css? Thank you.
<div id="content">
<div id ="head_content">
<div id="head_title">
<div id="head_left">
</div>
<div id="head_right">
</div>
</div>
<div id="head_img">
<img src="image/test.JPG">
</div>
</div>
<div id="main_content">
</div>
<div id="foot">
</div>
</div>
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: |
body, div, ul, li, h1, h2, h3, h4, h5, h6, pre, form, table, th, td, img { margin:0, padding:0, border:0;}
body
{
margin:0;
padding:0;
background:#eceae1;
}
#content
{
margin:0px auto 0 auto;
width:950px;
position:relative;
}
#head_content { width:950px; margin:0px auto 0px auto; position:relative;}
#head_title { height:80px; background-color:#333; border: solid 10px #fff; border-bottom:0; overflow:hidden;}
#head_left { flot:left; text-align:left; height:80px; width:185px; overflow:hidden; background:#333; border-right:solid 3px #fff;}
#head_right{ float:right; height:80px; background:#ccc; overflow:hidden;}
#head_img { border-top: solid 4px #fff; border-left: solid 10px #fff; border-right: solid 10px #fff; border-bottom:0;}
#main_content{border-top: solid 6px #fff;border-left: solid 10px #fff;border-right: solid 10px #fff; border-bottom: solid 10px #fff; width:930px;background:#fff;}
#foot { width:100%; margin-bottom:35px; text-align:center; position:relative; background-color:#fff;}
|
