Advertisement
- Home
- Web Development
- Web Languages/Standards
- CSS
- CSS Div Layout is unexpected in IE
Advertisement
- 1. Kravimir 642,694
- 2. hielo 576,134
- 3. Steggs 362,338
- 4. scrathcyboy 360,173
- 5. VirusMinus 232,882
- 6. GreenGho... 98,391
- 7. TName 95,065
- 8. mreuring 86,205
- 9. mplungjan 82,224
- 10. glumlun 80,990
- 11. zemond 78,137
- 12. bluefezteam 76,422
- 13. jason1178 74,405
- 14. b0lsc0tt 65,054
- 15. Lolly-Ink 64,007
- 16. Rouchie 58,810
- 17. Eternal_S... 51,684
- 18. Ray_Pas... 48,750
- 19. ali_kayahan 48,680
- 20. nexusnation 48,650
- 21. glcummins 48,005
- 22. xberry 47,775
- 23. Hube02 47,060
- 24. strobbe 41,700
- 25. zkeown 39,775
- 1. VirusMinus 1,440,162
- 2. Steggs 1,200,928
- 3. GrandSch... 1,081,204
- 4. seanpow... 809,340
- 5. TName 794,448
- 6. Kravimir 642,694
- 7. hielo 593,602
- 8. Roonaan 494,352
- 9. Eternal_S... 429,661
- 10. COBOLdi... 415,775
- 11. scrathcyboy 360,173
- 12. mreuring 305,112
- 13. oceanbeach 262,232
- 14. Batalf 232,544
- 15. GoofyDawg 187,739
- 16. brunobear 180,148
- 17. GreenGho... 177,656
- 18. Zyloch 162,067
- 19. Daydreams 152,028
- 20. trinzia 150,072
- 21. b0lsc0tt 130,425
- 22. mplungjan 128,818
- 23. bochgoch 101,320
- 24. R7AF 100,575
- 25. Gertone 99,295
| 09.20.2008 at 05:59AM PDT, ID: 23748178 |
|
[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), Internet Explorer Web Browser, Firefox 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>Start Free Trial
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;}
|
