Forum PHP.pl > [css] zawijający IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

frogzz

9.02.2007, 11:08:51

Witam

Zrobilem pionowe menu na ul/li ze stala pozycja na stronie i o ile w FF o Operze jest ladnie tyle w IE nie zachowuje linii tylko wyswietla jedno pod drugim

zalezy mi na mozliwosci ustalenia szerokosci pojedynczych li dlatego uzylem display: table-cell.
Jestem poczatkujacy w css wiec prosze wybaczyc jezeli mam jakies glupie bledy ;]

Jakby ktos chcial to ju jest roboczy adres strony: pasqdka.myphotos.cc

CSS:

Kod

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    color:#000000;
}
div.srodek {
   clear: both;
   height: 100%;
}
#naglowek {
   min-width: 951px;
   text-align: center;
   margin: 0;
   border: none;
   padding: 0px;
}
#naglowek img.lewy{
   float: left;
}
#naglowek img.prawy{
   float: right;
}
table.naglowekT {
   width: 100%;
   margin: 0;
   border: none;
   border-collapse: collapse;
   border-spacing : 0em;
}
table.naglowekT tr td{
   border: none;
   padding: 0;
}
h1 {
   width: 200px;
   height: 222px;
}
ul#menu {
   clear: both;
   position: absolute;
   right: 10px;
   top: 120px;
   width: 700px;
   height: 20px;
   font-weight: normal;
   font-family: arial;
}
ul#menu li{
   display: table-cell;
   text-align: center;
   width: 140px;
}
ul#menu li a:link, a:active, a:visited{
   color: #566785;
   text-decoration: none;
}
ul#menu li a:hover{
   font-weight: bold;
}
ul#menu2 {
   clear: both;
   position: absolute;
   right: 10px;
   top: 90px;
   width: 870px;
   height: 20px;
   font-weight: normal;
   font-family: arial;
}
ul#menu2 li{
   display: table-cell;
   text-align: center;
   width: 145px;
}
ul#menu2 li a:link, a:active, a:visited{
   color: #566785;
   text-decoration: none;
}
ul#menu2 li a:hover{
   font-weight: bold;
}
#flashcontent {
   clear:both;
    height: 100%;
    width: 100%;
    color: #000000;
}
#galeriaFlash {
   clear:both;
   height: 90%;
    width: 89%;
   margin: 0 auto;
}
.wybrany {
   font-weight: bold;
}

HTML:

[HTML] pobierz, plaintext 
<body>
<div id="naglowek">
<table class="naglowekT">
   <tr>
      <td>
         <img src="/g/Naglowek1.jpg" class="lewy"/>
      </td>
      <td>
         <img src="/g/Naglowek2.jpg" class="prawy"/>
      </td>
   </tr>
</table>
</div>
<ul id="menu2">
<li>
      <a href="/fotografia/1.html">AUTOPORTRET</a>
   </li>
   <li>
      <a href="/fotografia/2.html">PORTRET</a>
   </li>
   <li>
      <a href="/fotografia/3.html">PRZYRODA</a>
   </li>
   <li>
      <a href="/fotografia/4.html">MARTWA NATURA</a>
   </li>
   <li>
      <a href="/fotografia/5.html">REPORTAZ</a>
   </li>
   <li>
      <a href="/fotografia/6.html">INNE</a>
   </li>
   </ul>
<ul id="menu">
<li>
      <a href="/">HOME</a>
   </li>
   <li>
      <a href="/kontakt/">KONTAKT</a>
   </li>
   <li>
      <a href="/fotografia/" class="wybrany">FOTOGRAFIA</a>
   </li>
   </ul>
<div class="srodek"></div>
</body>
[HTML] pobierz, plaintext

tiraeth

9.02.2007, 11:26:31

Regulamin, §2b
Temat nieprecyzyjny. Proszę poprawić (przenieść opis tematu do nazwy).

frogzz

13.02.2007, 19:07:55

no i dziala :-)

Kod

ul#menu {
   position: absolute;
   right: 15px;
   top: 120px;
   width: 750px;
   height: 20px;
   font-weight: normal;
   font-family: arial;
}
ul#menu li{
   float: left;
   text-align: center;
   list-style: none;
   width: 140px;
}
ul#menu li a:link, a:active, a:visited{
   color: #566785;
   text-decoration: none;
}
ul#menu li a:hover{
   font-weight: bold;
}
ul#menu2 {
   clear: both;
   position: absolute;
   right: 15px;
   top: 90px;
   width: 870px;
   height: 20px;
   font-weight: normal;
   font-family: arial;
}
ul#menu2 li{
   float: left;
   text-align: center;
   width: 145px;
   height: 20px;
   list-style: none;
}
ul#menu2 li a:link, a:active, a:visited{
   color: #566785;
   text-decoration: none;
}
ul#menu2 li a:hover{
   font-weight: bold;
}

tu dzialajaca rzecz: wcale-nie.art.pl

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.