Problem so zobrazovanim v FF a Opere

Diger · Napísal **Diger**: 13.12.2008 19:07

Mam problem, ze v Opere a FF 3 mi zobrazuje pod "menu" (ten pasik pod headerom) taky cierny pas, ktory neviem odkial sa tam zobral.

Viď screen:

index:

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8">
   <meta name="description" content=""> 
   <meta name="keywords" content=""> 
   <meta name="author" content=""> 
    <meta name="robots" content="index, nofollow">
   <link rel="stylesheet" type="text/css" href="style.css" media="screen">
  <title>Krafil</title>
  </head>
  
  <body>
  <div id="box">
  
    <div id="header"> 
                      <a href="index.html"> 
                                 <span>Krafil</span> 
                      </a> 
    </div>
  
       <div id="menu"></div>
    
         
          <div id="content">
        
            <h1>Vitajte</h1>
          
          <div class="text"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). and other :-)</div>
          
          
          </div>
         
          
      <div id="footer"></div>
  
  
  
  </div>

  </body>

</html>

css:

Kód:

html {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 13px;
}


body{ 
        background: #000 url('images/bg.jpg') repeat-x; 
        margin: 1px 1px 1px 1px; 
        text-align:center;
} 

a:link {
        color : #fff; 
        text-decoration : underline; 
}
      
a:visited {
        color : #d8ecf7; 
        text-decoration : underline; 
}

  
#box{ 
        text-align:left; 
        width:684px;
        background:#000;
        padding: 0;
        margin:auto;  
} 

#header{ 
        width:684px;
        height: 269px;
        background:url('images/header.jpg') no-repeat;
        padding: 0;
        margin:auto;  
        } 

#header a { 
       display: block; 
       width: 500px; 
       height: 120px;} 

#header span { 
       display:none
}


#content{ 
        text-align:left; 
        width:684px;
        background:url('images/content.jpg') no-repeat;
        color: #000;
        height: 330px; 
        padding: 0;
        margin:auto;  
 } 

#content .text{
        font-size: 13px;
        color: #ebebeb;
        padding: 0 25px 12px 20px;
}


#content h1{
        color: #d9d9d9;
        font-size: 18px;
        padding: 5px 10px 0 20px;
}


#menu{ 
        width:684px;
        height: 34px;
        background:url('images/podheaderom.jpg');
        padding: 0;
        margin:auto;  
               
}

#footer{
        text-align: center;
        color: #ced0d2;
        height: 16px;
        background:url('images/footer.jpg');
        clear: both;
}

[/code]

neutronmind · Napísal **neutronmind**: 13.12.2008 19:39

Skus dat #header-u margin-bottom: 0; a #content-u margin-top: 0;

dadmtb · Napísal **dadmtb**: 13.12.2008 19:41

a mas dobre nastavene vsetky velkosti obrazkov? inak v boxe ti napr chíba height

Diger · Napísal autor témy **Diger**: 13.12.2008 19:55

skusil som tie margin-y, nepomohli.

A obrazky su na 100% dobre, lebo ked menim farbu pozadia box-u tak sa meni farba toho pasiku

dadmtb · Napísal **dadmtb**: 13.12.2008 20:00

a este akoako satak divam tak nikde neuvadzas position:relative;

ako chces aby ti fungovalo margin bez toho? teda aspon asa mi zda ze to vtedy nefunguje

neutronmind · Napísal **neutronmind**: 13.12.2008 20:10

dadmtb to s tym nic nema

A inak, skusal si dat margin-bottom: 0 aj elementu s id #menu? Namiesto #header-u. :rolleyes:

dadmtb · Napísal **dadmtb**: 13.12.2008 20:11

nehovorim ze s rovna s tymto problemom ale mne sa zda ze mi neslo centrovat pomocou marginu ked som neudal position

Diger · Napísal autor témy **Diger**: 13.12.2008 20:25

neutronmind píše:

dadmtb to s tym nic nema

A inak, skusal si dat margin-bottom: 0 aj elementu s id #menu? Namiesto #header-u. :rolleyes:

jj skusal som aj menu, header aj content a nic

Diger · Napísal autor témy **Diger**: 13.12.2008 20:27

pomoze len margin-top: -12px; lenze potom to neni dobre v IE

neutronmind · Napísal **neutronmind**: 13.12.2008 20:57

Tak pre IE daj samostatne styly...

Diger · Napísal autor témy **Diger**: 13.12.2008 21:20

neutronmind píše:

Tak pre IE daj samostatne styly...

aha, dobry napad, ale ako to spravit ?

neutronmind · Napísal **neutronmind**: 13.12.2008 21:32

Pozri
http://www.pcforum.sk/loadovanie-css-pr ... 52542.html
http://virtuelvis.com/archives/2004/02/css-ie-only

don jebot · Napísal **don jebot**: 14.12.2008 12:48

uploadni to , a margin funguje aj bez position relative

dadmtb · Napísal **dadmtb**: 14.12.2008 13:09

don jebot sit tak zase som to :shit:

mno OKI tk sa teda ospravedlnujem za zlu info. aj ked ja som mal neake problemy uz ani neviem s cim :lol:

Problem so zobrazovanim v FF a Opere

Podobné témy