Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] zawijający IE, menu na ul/li w FF w jednej linii a w IE sie zawija :/
frogzz
post 9.02.2007, 11:08:51
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 9.02.2007

Ostrzeżenie: (0%)
-----

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 sad.gif 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 
  1. <body>
  2. <div id="naglowek">
  3. <table class="naglowekT">
  4.    <tr>
  5.       <td>
  6.          <img src="/g/Naglowek1.jpg" class="lewy"/>
  7.       </td>
  8.       <td>
  9.          <img src="/g/Naglowek2.jpg" class="prawy"/>
  10.       </td>
  11.    </tr>
  12. </table>
  13. </div>
  14. <ul id="menu2">
  15. <li>
  16.       <a href="/fotografia/1.html">AUTOPORTRET</a>
  17.    </li>
  18.    <li>
  19.       <a href="/fotografia/2.html">PORTRET</a>
  20.    </li>
  21.    <li>
  22.       <a href="/fotografia/3.html">PRZYRODA</a>
  23.    </li>
  24.    <li>
  25.       <a href="/fotografia/4.html">MARTWA NATURA</a>
  26.    </li>
  27.    <li>
  28.       <a href="/fotografia/5.html">REPORTAZ</a>
  29.    </li>
  30.    <li>
  31.       <a href="/fotografia/6.html">INNE</a>
  32.    </li>
  33.    </ul>
  34. <ul id="menu">
  35. <li>
  36.       <a href="/">HOME</a>
  37.    </li>
  38.    <li>
  39.       <a href="/kontakt/">KONTAKT</a>
  40.    </li>
  41.    <li>
  42.       <a href="/fotografia/" class="wybrany">FOTOGRAFIA</a>
  43.    </li>
  44.    </ul>
  45. <div class="srodek"></div>
  46. </body>
[HTML] pobierz, plaintext


Ten post edytował frogzz 13.02.2007, 11:41:05
Go to the top of the page
+Quote Post
tiraeth
post 9.02.2007, 11:26:31
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 789
Pomógł: 41
Dołączył: 30.10.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Regulamin, §2b
Temat nieprecyzyjny. Proszę poprawić (przenieść opis tematu do nazwy).
Go to the top of the page
+Quote Post
frogzz
post 13.02.2007, 19:07:55
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 9.02.2007

Ostrzeżenie: (0%)
-----

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

Ten post edytował frogzz 22.02.2007, 11:27:58
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 7.07.2025 - 16:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn