Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> problem z absolute i wyrownywaniem, DIV
Aztech
post 7.11.2004, 22:22:46
Post #1





Grupa: Zarejestrowani
Postów: 276
Pomógł: 3
Dołączył: 22.10.2003
Skąd: Wrocław

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

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

Ten post edytował Aztech 7.11.2004, 22:23:23
Go to the top of the page
+Quote Post
yavaho
post 7.11.2004, 23:16:15
Post #2





Grupa: Zarejestrowani
Postów: 449
Pomógł: 0
Dołączył: 26.05.2004
Skąd: Nowy Sącz

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

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


--------------------
Książki informatyczne • Książki biznesowe
Warsztat: notepad hardcore
Go to the top of the page
+Quote Post
Aztech
post 8.11.2004, 15:07:33
Post #3





Grupa: Zarejestrowani
Postów: 276
Pomógł: 3
Dołączył: 22.10.2003
Skąd: Wrocław

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

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,.

Ten post edytował Aztech 8.11.2004, 15:08:23
Go to the top of the page
+Quote Post
revyag
post 8.11.2004, 15:21:46
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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.


--------------------
-------------

------
Go to the top of the page
+Quote Post
Aztech
post 8.11.2004, 15:29:58
Post #5





Grupa: Zarejestrowani
Postów: 276
Pomógł: 3
Dołączył: 22.10.2003
Skąd: Wrocław

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

Ź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

Ten post edytował Aztech 8.11.2004, 15:35:07
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: 18.06.2025 - 15:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn