--- title: "Positionsfel i IE6" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/159461-positionsfel-i-ie6" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "peppar" published: "2007-04-19T21:01:43.000Z" updated: "2007-04-27T23:19:13.000Z" replies: 2 views: 411 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/159461-positionsfel-i-ie6" --- # Positionsfel i IE6 ## #1 — peppar, 2007-04-19T21:01Z Jag har en enkel sida som fungerar bra i Opera 9, Firefox 2, IE 7 men den verkar inte uppskattas av IE6. Jag har plockat lite i exempel jag hittat här på WF Bifogar två dumpar för att vis skillnaderna, det är bild två som visar felen i IE6... och lite kod förstås.. CSSen ``` * { margin:0; padding:0; } html,body { color: #000; background-color:#fff; height:100%; } #container { width:1100px; min-height:100%; background-image:url(layout/content_bg.jpg); text-align: left; } .paddingarea { color: #000; background-image:url(layout/top_list.jpg); height: 10px; } #navcontainer { margin: 0; padding: 0; height: 40px; background-image:url(layout/top_menu_bkg.jpg); background-repeat:repeat-x; } #navcontainer ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; font-family: Verdana, Arial, "Century Gothic", Sans-Serif; font-size:14px; font-weight:normal; } #navcontainer ul li { float: left; } #navcontainer ul li a { text-decoration: none; text-align: center; color:#000000; background: url(layout/top_menu_butt_1.jpg) no-repeat top left; float: left; margin: 0px; height: 40px; width: 158px; padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; } #navcontainer li a:hover { background: url(layout/top_menu_butt_1a.jpg) no-repeat left top; color:#666666; } #header{ height: 250px; background-image:url(layout/flash.jpg) } #divider{ height: 22px; background-image:url(layout/divder.jpg); } #sidebarleft { margin-top: 10px; margin-left: 100px; width:200px; float:left; } #sidebarnavlistcontainer { padding-left:10px; line-height: 1.5em; font-family: georgia, Sans-serif; font-size: 0.9em; color:#000; } #sidebarnavlistcontainera { padding-left:10px; line-height: 1.5em; font-family: georgia, Sans-serif; font-size: 0.9em; color:#000; } #sidebarnavlistcontainer a { color:#000; text-decoration:none; } #sidenavlist1 li { list-style-type:none; } #sidebarright { margin-top: 10px; margin-left: 10px; width:200px; float: left; } #main { margin-top: 10px; width:480px; margin-left:540px; } ``` och HTMLen ```
 
Nav head 1
Nav head 2

Externa länkar

 

***

``` Bilagor: - [p1.jpg](https://www.webforum.nu/a/14399.jpg) - [p2.jpg](https://www.webforum.nu/a/14400.jpg) Permalänk: https://www.webforum.nu/p/159461 ## #2 — symbolism, 2007-04-27T22:52Z Tja! Vill inte låta alltför lat eller så men det vore mycket enklare om du skrev exakt vilken box det är du har problem med (eller vilket element). Allright? Permalänk: https://www.webforum.nu/p/1970508 ## #3 — Troxy, 2007-04-27T23:19Z Såhär sent på natten så är jag för lat för att läsa kod :P Men bara av att titta på bilderna så kan jag sätta en spänn på att du har råkat ut för [The IE Doubled Float-Margin Bug](http://www.positioniseverything.net/explorer/doubled-margin.html) Permalänk: https://www.webforum.nu/p/1970509 --- Tråden på webben: https://www.webforum.nu/amne/html-css/159461-positionsfel-i-ie6