html - min-height virker ikke :( - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

Bruger #15562 @ 23.02.12 18:25

Har nu prøvet i et par timer på at få min min-height til at virke, af en eller anden mærkelig grund har den ikke rigtig lyst til at virke.

Håber nogle vil kigge koden igennem og se om de kan løse det

I kan se siden her. Internetside

css:

CSS kode

 @charset "UTF-8";
 /* CSS Document */
 
 
 body{
     background-color:#dfdfd5;
 }
 
 #wrapper{
     width:980px;
     min-height:800px;
     background-color:white;
     margin:auto;
     margin-top:40px;
     padding:0px;
     
 }
 
 #innerwrapper{
     margin-left:auto;
     margin-right:auto;
     width:900px;
     min-height:80px;
 }
 
 /*Header*/
 
 #header{
     width:900px;
     float:left;
 }
 
 a.logolink {
   background-image:url(../img/logo.jpg);
   float:left;
   height:85px;
   margin-left:-52px;
   margin-top:10px;
   text-indent:-9999px;
   width:313px;
   z-index:2;
 }
 
 .nav{
     float:right;
 }
 
 .navlink {
   list-style-type:none;
   float:left;
   padding-left:20px;
 }
 
 
 ul.nav li a {
   color:#525252;
   display:inline-block;
   font-family:Helvetica, sans-serif;
   font-size:10pt;
   font-style:normal;
   font-weight:700;
   margin-top:20px;
   text-decoration:none;
   text-transform:uppercase;
 }
 
 ul.nav li a:hover {
   color:#EF3B24;
 }
 
 
 
 /*Slider*/
 
 #slider{
     width:900px;
     float:left;
 }
 
 
 /*content*/
 #content {
     width:900px;
     margin-top:250px;
     float:left;
     min-height:80px;
 }
 
 .anders {
     float:right;
 }
 
 h4{
     color:#EF3B24;
 }
 
 /*Footer*/
 
 #footer{
     width:980px;
     height:20px;
     background-color:#525252;
     margin-left:auto;
     margin-right:auto;
 }

html:

HTML kode

 <!DOCTYPE HTML>
 <html>
 <head>
 
 <!--jquery load-->
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
 
 <meta charset="UTF-8">
 <title>Anders Andersen</title>
 <link href="css/main.css" rel="stylesheet" type="text/css">
 <link href="slider/slider.css" rel="stylesheet" type="text/css">
 </head>
 
 <body>
 
     <div id="wrapper">
     
         <div id="innerwrapper">
         
             <div id="header">
                 <a class="logolink" href="http://www.andersmandersen.dk"></a>
                 <ul class="nav">
                     <li class="navlink"><a href="#">Om mig</a></li> 
                     <li class="navlink"><a href="#">Kontakt</a></li>                
                 </ul>
             </div>
             
             <div id="slider">
                 <p id="my=box"> 
                 <img src="slider/slider.png" id="img1"> 
                 <img src="slider/slider2.png" id="img2"> 
                 </p> 
             </div>
            
            
            <div id="content">
                <p class="content_tekst">
                 <h4>Freelance webdesigner</h4><img src="img/anders.jpg" class="anders">
     
     Jeg arbejder som freelance webdesigner og kan tilbyde flot design til en meget lille pris. Her på siden vil du kunne finde information om mig, og kunne se tidligere arbejde jeg har lavet for folk.<br><br>
 Når jeg få tilbudt et job tager jeg en snak med kunden sådan at jeg kan ramme målgruppe. snakken går meget ud på hvordan kunden ønsker at sin side kommer til at se ud derefter laver laver jeg et udkast som kunden så skal godkende før jeg begynder at fremstille siden.<br><br>Vis du synes dette lyder spændende så synes jeg at du skulle tage et kig rundt på min hjemmeside sådan du kan lære mig lidt bedre at kende, måske kunne vi lave noget sammen. <br><br><a href="about.php">Læs mere her...</a></p>
            
            <p class="content_tekst">
                 <h4>Freelance webdesigner</h4><img src="img/anders.jpg" class="anders">
     
     Jeg arbejder som freelance webdesigner og kan tilbyde flot design til en meget lille pris. Her på siden vil du kunne finde information om mig, og kunne se tidligere arbejde jeg har lavet for folk.<br><br>
 Når jeg få tilbudt et job tager jeg en snak med kunden sådan at jeg kan ramme målgruppe. snakken går meget ud på hvordan kunden ønsker at sin side kommer til at se ud derefter laver laver jeg et udkast som kunden så skal godkende før jeg begynder at fremstille siden.<br><br>Vis du synes dette lyder spændende så synes jeg at du skulle tage et kig rundt på min hjemmeside sådan du kan lære mig lidt bedre at kende, måske kunne vi lave noget sammen. <br><br><a href="about.php">Læs mere her...</a></p>
            
            
            <p class="content_tekst">
                 <h4>Freelance webdesigner</h4><img src="img/anders.jpg" class="anders">
     
     Jeg arbejder som freelance webdesigner og kan tilbyde flot design til en meget lille pris. Her på siden vil du kunne finde information om mig, og kunne se tidligere arbejde jeg har lavet for folk.<br><br>
 Når jeg få tilbudt et job tager jeg en snak med kunden sådan at jeg kan ramme målgruppe. snakken går meget ud på hvordan kunden ønsker at sin side kommer til at se ud derefter laver laver jeg et udkast som kunden så skal godkende før jeg begynder at fremstille siden.<br><br>Vis du synes dette lyder spændende så synes jeg at du skulle tage et kig rundt på min hjemmeside sådan du kan lære mig lidt bedre at kende, måske kunne vi lave noget sammen. <br><br><a href="about.php">Læs mere her...</a></p>
            </div>
            
     
         </div>
         
        
         
     
     </div>
      <div id="footer">
             <div id="innerwrapper">
                 <!--<p class="footer_column">sdf
                 </p>
                 
                 <p class="footer_column">dsf
                 </p>-->
             </div>        
         </div>
     
 
 <!--Script til slider-->
 <script>
 function imageOneFade(){
   $('#img1').fadeIn(2000, function(){ setTimeout("$('#img1').fadeOut(2000); imageTwoFade();",6000); });
 }
 
 function imageTwoFade(){
   $('#img2').fadeIn(2000, function(){ setTimeout("$('#img2').fadeOut(2000); imageOneFade();",6000); });
 }
 
 $(document).ready(function(){
    imageOneFade();
 });
 
 </script>    
 </body>
 </html>

5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 10 karma

Sorter efter stemmer Sorter efter dato

Bruger #9814 @ 23.02.12 18:40

1.302

Har du prøvet at ændre baggrundsfarven på din content div? Det kunne jo være at min-height virker, men at du ikke kan se det, fordi den har samme baggrundsfarve som din wrapper div