CSS och IE

theLostshirt · 2004-11-12, 15:47

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)

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

CSS och IE