Hej! Jag har lite problem med Internet Explorer och CSS.
Sitter och försöker förenkla den nuvarande sidan rustik.nu
som förövrigt funkar utmärkt dock så är den inte korrekt
kodad.
Vore glad om de såg hyffsat lika ut.
(X)HTML
Kod:
</head>
<body>
<div class="containerRap"> <div class="leftContainer">
<div id="navigationRap">
<ul id="navlist">
<li class="home"><a href="#">Post 1 </a></li>
<li class="products"> <a href="#">Post 2 </a> </li>
<li class="courses"> <a href="#">Post 3 </a> </li>
<li class="cafe"> <a href="#">Post 4 </a> </li>
<li class="info"> <a href="#">Post 5 </a></li>
<li class="links"> <a href="#">Post 6 </a> </li>
</ul>
</div>
<div class="bread"><img src="images/float_fram_illustration00.png" alt="Float" width="130" height="100" />
<h1>Huvud Rubrik</h1>
<h2> Under Rubrik </h2>
<p><strong>Ingress</strong></p>
<h3><strong>Kap 1 </strong></h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p>
<h3> <strong>Kap 2 </strong></h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p>
<h3> <strong>Kap 3 </strong></h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p>
<p><strong>Maila <a href="#">klicka</a> </strong></p>
</div>
</div>
<div class="rightCointainer">rightContainer</div>
</div></body>
</html>
avskalad CSS
Kod:
.containerRap {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
width: 40em;
margin-right: auto;
margin-left: auto;
}
.leftContainer {
background-color: #FFFFFF;
width: 75%;
float: left;
font-size: 0.8em;
padding-top: 85px;
background-image: url(images/top/broad_work.png);
background-repeat: repeat-x;
background-position: center top;
border: 1px solid #666666;
}
.rightCointainer {
background-color: #009900;
width: 24%;
float: right;
}
.bread {
background-color: #FFFFFF;
padding-left: 0.8em;
padding-right: 0.6em;
background-image: url(images/breadBG01.png);
height: 500px;
overflow: auto;
padding-bottom: 1em;
}
.bread h1, h2, h3, p {
margin: 0px;
padding: 0px 0px 0.1em;
width: 63%;
}
h1 {
font-size: 3.4em;
}
.bread img {
float: right;
margin: 8px 10px 8px 8px;
border: 1px solid #666;
padding: 2px;
clear: right;
}
All hjälp är välkommen. Jag äringen kodare som säkert märks.
(ursäktar mitt långa inlägg)