Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z absolute i wyrownywaniem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Aztech
7.11.2004, 22:22:46
Chcialem sobie stworzyc taki oto uklad:

Cytat
------------------------------------------
|    LOGO                                      |
------------------------------------------
|  ROZWIJANE MENU                    |
------------------------------------------
| NEWS 1                        |            |       
| NEWS 2                        | MENU2  |
| NEWS 3                        |            |
------------------------------------------

[NEWS-y], [LOGO], [ROZWIJANE MENU] i [MENU] sa w DIV-ach
i calosc tez jest w DIV-ie (wysrodkowane)

robie to juz na rozne sposoby i nie chce mi taki uklad wyjsc

sad.gif
yavaho
7.11.2004, 23:16:15
A moze nie potrzeba ci absolute?
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. body {
  6.   text-align:center;
  7. }
  8. .mainlayer {
  9.   margin:auto;
  10.   text-align:left;
  11.   width:770px;
  12. }
  13. .logo {
  14.   text-align:left;
  15.   width:770px;
  16.   background: #919191;
  17. }
  18. .menu1 {
  19.   text-align:left;
  20.   width:770px;
  21.   background: #0000CC;
  22. }
  23. .menu2 {
  24.   float:right;
  25.   width:200px;
  26.   background: #FF8000;
  27. }
  28. .content{
  29.   float:left;
  30.   width:570px;
  31.   background: #CCCCCC;
  32. }
  33. -->
  34. </style>
  35. </head>
  36. <body>
  37.  
  38. <div class="mainlayer">
  39.   <div class="logo">logo</div>
  40.   <div class="menu1">menu1</div>
  41.   <div class="content">
  42.     <div>news</div>
  43.     <div>news</div>
  44.     <div>news</div>
  45.   </div>
  46.   <div class="menu2">
  47.     <div>menu</div>
  48.     <div>menu</div>
  49.     <div>menu</div>
  50.   </div>
  51. </div>
  52.  
  53. </body>
  54. </html>
[HTML] pobierz, plaintext
Aztech
8.11.2004, 15:07:33
Wszystko pieknie cacy jest pod JEDYNA SLUSZNA PRZEGLADARKA biggrin.gif ale niestety pod Mozilla i resztą już nie sad.gif
Właśnie cały bajer polega na tym, że jak się zrobi dobrze pod IE to pod resztą są krzaki i odwrotnie, w szczególności jeśli całość chce się mieć wyśrodkowane (bez wyśrodkowania to pikuś).
Bez wyśrodkowanie przeliczam sobie wg pixeli i robie absolutem i jest ok,.
revyag
8.11.2004, 15:21:46
Cytat
Wszystko pieknie cacy jest pod JEDYNA SLUSZNA PRZEGLADARKA

A w jakiej się źle wyświetla ? Kod jest dobry.Sprawdziłem pod IE, mozilla, opera i jest ok.
Aztech
8.11.2004, 15:29:58
Źle pod: Mozilla Firefox 1.0PR oraz Mozilla PL 1.7
czesc z zawartoscia i menu jest przesunieta w kierunku srodka

EDIT: juz wiem co się stało podczas sprawdzania - zapomniałem wykasować jedną linijkę w CSS-ie i dlatego się posypało - już jest ok
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.