Hva er galt med siden min nå?

Rinox · 29. oktober 2006

Hei! Har et lite problem med siden jeg lager nå. Dette er siden: http://psdesign.1go.dk/portfolie/

Se forskjellen i IE og firefox. Jeg vil ha det slik som det er i firefox. Hav er galt? takker for svar

Her er kodene:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<title>Portfolie</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />

<meta name="description" lang="en" content="Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
<meta name="keywords" content="lightbox, lightbox js, javascript, lokesh, dhakar" />

<link rel="shortcut icon" type="image/ico" href="/images/favicon.gif" />	
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="lightbox.js"></script>

</head>
<body>

<div id="wrapper">

<div id="header">
<h1>Min Portfolie</h1>
</div>

<div class="section clearfix">
<h2>Bilder</h2>
 <p>Her er noen flotte bilder:</p>
</div>

<div class="section clearfix">
 
<div class="thumbnail">
 <a href="images/1.jpg" rel="lightbox"><img src="images/1.jpg" width="130" height="100" alt="Image 1" /></a>
 <div class="caption">
 	<a href="images/1.jpg" rel="lightbox">Fallende løv</a>
 </div>
</div>

<div class="thumbnail">
 <a href="images/2.jpg" rel="lightbox" ><img src="images/2.jpg" width="130" height="100" alt="Langs elven" /></a>
 <div class="caption">
 	<a href="images/2.jpg" rel="lightbox">Langs elven</a>
 </div>
</div>

<div class="thumbnail">
 <a href="images/3.jpg" rel="lightbox" ><img src="images/3.jpg" width="130" height="100" alt="Frodig tre" /></a>
 <div class="caption">
 	<a href="images/3.jpg" rel="lightbox">Frodig tre</a>
 </div>
</div>

<div class="thumbnail">
 <a href="images/4.jpg" rel="lightbox" ><img src="images/4.jpg" width="130" height="100" alt="Påskelilje" /></a>
 <div class="caption">
 	<a href="images/4.jpg" rel="lightbox">Påskelilje</a>
 </div>
</div>

<div class="thumbnail">
 <a href="images/5.jpg" rel="lightbox" ><img src="images/5.jpg" width="130" height="100" alt="Fugl" /></a>
 <div class="caption">
 	<a href="images/5.jpg" rel="lightbox">Fugl</a>
 </div>
</div>

</div>

<div class="section clearfix">

<div class="thumbnail">
 <a href="images/6.jpg" rel="lightbox" ><img src="images/6.jpg" width="130" height="100" alt="Lime" /></a>
 <div class="caption">
 	<a href="images/6.jpg" rel="lightbox">Lime</a>
 </div>
</div>

<div class="thumbnail">
 <a href="images/7.jpg" rel="lightbox" ><img src="images/7.jpg" width="130" height="100" alt="Appelsin" /></a>
 <div class="caption">
 	<a href="images/7.jpg" rel="lightbox">Appelsin</a>
 </div>
</div>

</div>	


<div class="section">
<h2>Annet</h2>
<p>Masse tekst her. Blablablabla. Hva skal jeg skrive? Vel... gadd ikke gå inn på lipsum.com så jeg f¨r bare skrive noe selv da...</p>
</div>

</div>

</body>
</html>

og CSS-filen ser slik ut:

body{
font-family: Verdana, Helvetica, sans-serif;
color: #555;
background-color: #861a00;
text-align: center;
word-wrap: break-word;
margin-top: 20px;
margin-bottom: 50px;
}

#wrapper{
padding: 20px 30px;
text-align: left;
background-color: #fff;
width: 800px;
margin: 0 auto;
}

p {	line-height: 1.5em;	margin-bottom: 1.0em; font-size: 14px;}
p.lead { font-size: 16px; }

ol, ul{ margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.5em; }
ol li{ margin-bottom: 0.2em; }
li{ font-size: 0.9em; }
dl{ margin: 0.5em 0 1.2em 0; }
dt{
font-size: 0.7em;
font-weight: bold; color: #777;
padding-top: 0.2em;
}
dd{	
font-size: 0.9em;
margin-bottom: 0.8em;
padding-bottom: 0.7em;
border-bottom: 1px dotted #ddddd3;
}

h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h1 { font-size: 26px; color: #666666; padding-top: 0;}
h1 a { color: #666666; border: none; }
h2 { font-size: 16px; color: #666666; padding-top: 0.5em; text-transform: uppercase;}

a{
font-weight: bold;
color: #666666;
text-decoration: none;
}

p a:hover { border-bottom: 1px dotted #8ab459; }
a img{  border: none;}

h1 small{ font-size: 0.5em; }

pre{
display: block;
margin: 14px 0;
padding-left: 0.8em;
border-left: 1px solid #ccc;
background-color: #eee;
overflow: auto;
}

code{ font-size: 12px; background-color: #eee;}

pre code{ line-height: 14px;}

.section{ border-top: 1px solid #edede3;  padding-top: 1.0em; }


.thumbnail{
padding: 7px;
border: 1px solid #ddd;
float: left;
margin-right: 10px;
margin-bottom: 15px;
font-size: 12px;
}	

.caption{ font-size: 10px; padding-top: 10px;	}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

Rinox · 29. oktober 2006

Anyone? Noen som vet det?

funkweb · 31. oktober 2006

vet ikke hva vi skal se etter, ser ganskje likt ut bortsett fra en strek ?

Hmm.. forklar dypere.

Rinox · 31. oktober 2006

Det er ingenting nå lenger. Jeg fikset det på en uforklarlig og meningsløs måte

Logg inn

Hva er galt med siden min nå?

Anbefalte innlegg

Rinox

Lenke til kommentar

Videoannonse

Rinox

Lenke til kommentar

funkweb

Lenke til kommentar

Rinox

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer