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?
Frågan#1
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
<!--[if lt IE 7]>
<style type="text/css">
#container {height:100%}
</style>
<![endif]-->
</head>
<body>
<!-- Kontainern för innehållet -->
<div id="container">
<!-- Padding i toppen -->
<div class="paddingarea"></div>
<!-- Slut padding top-->
<!-- Toppmenyn -->
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html">Hem</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="lankar.html">Länkar</a></li>
</ul>
</div>
<!-- Slut toppmenyn -->
<!-- Stora bilden (Hår skall flashen in) -->
<div id="header"> </div>
<!-- Slut stora bilden -->
<!-- Avdelaren under stora bilden -->
<div id="divider"> </div>
<!-- Slut avdelaren under stora bilden -->
<!-- Undre navigeringen VERKSAMHETEN-->
<div id="sidebarleft"><img src="layout/nav_head_bis.jpg" alt="Nav head 1" />
<div id="sidebarnavlistcontainer">
<ul id="sidenavlist1">
<li><a href="**.html" >Om Pinocchio </a></li>
</ul>
</div>
</div>
<!-- Slut undre navigeringen VERKSAMHETEN -->
<!-- Undre navigeringen INFORMATION-->
<div id="sidebarright"><img src="layout/nav_head_info.jpg" alt="Nav head 2" />
<div id="sidebarnavlistcontainera">
<ul id="sidenavlist1">
<li><a href="***.html">Personal</a></li>
</ul>
</div>
</div>
<!-- Slut undre navigeringen INFORMATION -->
<!-- Innehället -->
<div id="main">
<h1>Externa länkar </h1>
<p> </p>
<p><a href="**">***</a></p>
</div>
<!-- Slut innehä -->
</div>
<!-- Slut kontainern för innehållet -->
</body>
</html>
