ďťż

[HTML/CSS]Szerokość div'a sama się zmienia Problem w FF i Operze

       

Podstrony


telcocafe

Witam. Robię dwuwierszowe menu w JS: http://www.owen777.n...eTest/index.php , ale nie potrafię sobie poradzić z pewnym błędem. Po zmienieniu elementu w górnym wierszu menu (co powoduje zmianę tekstów w elementach dolnego wiersza) niekiedy szerokość któregoś elementu na dole sama się zmienia, co automatycznie powoduje zmianę szerokości innych elementów (pomimo, że jest ustawiona w css). Problem nie dotyczy Internet Explorer - tam się wszystko ładnie wyświetla!

Drugi problem - w FF nie widać białej ciągłej linii pomiędzy wierszami, która jest widoczna w IE i Operze.
Użytkownik owen777 edytował ten post 08 styczeń 2008, 16:52


zapytaj google albo kliknij :D

edit, jak byś sam nie trafił to:
http://www.w3.org/TR/REC-CSS2/box.html
Użytkownik pawkow edytował ten post 09 styczeń 2008, 16:00
Oto prawidłowa treść twojego css
body { background: url(tlo.jpg); background-repeat:repeat; } #left a:link, #left a:visited { color: #44EF16; font-family: arial; font-size: 15px; font-weight: bold; height: 0px; text-decoration: none; } #right a:link, #right a:visited { color: black; font-weight: bold; height: 0px; text-decoration: none; } #right a:hover, #left a:hover { color: #2FCE34; font-weight: bold; height: 1px; text-decoration: none; } #central { background-color: #2FCE34; left: 50%; margin-left: -385px; padding: 3px; position: absolute; width: 770px; } #top { background-color: #006E00; border-bottom: 3px #2FCE34 solid; height: 130px; text-align: center; width: 770px; } #wrapper { background-color: black; display: table; overflow: hidden; /* clearance */ width: 770px; } #left, #right { display: table-cell; vertical-align: top; } #left { background-color: black; color: white; width: 200px; } #right { background-color: #d7ee7d; text-align: center; width: 570px; } #footer { background-color: #2FCE34; height: 20px; text-align: center; vertical-align: top; width: 770px; } #right span { color: black; font-family: arial; } #ramka_top { height: 40px; text-align: center; width: 770px; } #glowna, #frameset, #hamulce, #kokpit, #kola, #naped, #inne, #akcesoria { border-bottom: 1px white solid; border-right: 1px white solid; display: block; float: left; height: 40px; vertical-align: top; } #glowna, #frameset, #kokpit, #hamulce, #kola, #naped, #inne, #akcesoria { width: 95px; } #akcesoria { border-right: 0px; width: 98px; } .ramka_top_on { background-color: gray; border-bottom: 0px white solid; color: white; } .ramka_top_off { background-color: green; border-bottom: 1px white solid; color: black; } #ramka_down { background-color: gray; border-bottom: 3px #2FCE34 solid; height: 40px; text-align: center; width: 770px; } #ramka_down a:link, a:visited { color: white; text-decoration: none; } #ramka_down a:hover { color: white; text-decoration: underline; } #cz1, #cz2, #cz3, #cz4, #cz5, #cz6, #cz7, #cz8 { border-right: 1px white solid; display: block; height: 40px; float: left; width: 95px; vertical-align: top; } #cz8 { border-right: 0px; }

Wielkie, wielkie dzięki! Nie jestem zaawansowany (co widać) więc nie wiedziałem "od której strony" się za to zabrać. Pozdrawiam :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.