ďťż

[HTML/CSS] Bloki i wyśrodkowanie

       

Podstrony


telcocafe

Mam dwa pytania:

1. Zrobiłem stronę używająć div'ów i span'ów. Do bloku w div'ie (lub span'ie) wpisuję tekst, jednak po włączeniu podglądu blok w div'ie (lub span'ie) rozszerza się do góry. Jak można zrobić by rozszerzał się w dół?

2. Co należy wpisać w stylu css aby element div i span był wyśrodkowany. Bo lepiej by było zrobić to w css'ie niż wpisując znacznik center w sekcji body.



1. pokombinuj z bottom: 0? Nie za bardzo rozumiem Twój problem
2. margin: 0 auto
Użytkownik Coldpeer edytował ten post 19 czerwiec 2006, 15:00
Co do pierwszego to wrzuciłem na serw strone żeby pokazać w czym problem:
http://www.bmatrix.e...et.pl/index.htm

position: relative; bottom: 0;
? O to chodzi? Daj jakieś szczegóły.
Użytkownik Coldpeer edytował ten post 19 czerwiec 2006, 15:12


Chodzi mi o to żeby to menu po lewej nie było tak nisko, aby zaczynało się na równi z głównym blokiem (chociaż, nie o same menu chodzi, jeśli tekstu jest więcej w bloku menu niż w bloku głównym to zachodzi odwrotna sytuacja - blok główny jest tak nisko).


Chodzi mi o to żeby to menu po lewej nie było tak nisko,

Wejdź sobie tutaj: http://www.bmatrix.e...et.pl/index.htm - ten blok po lewej (ten z napisami: "aaa", "bbb") to prowizoryczne menu. Problem tkwi w tym że jeżeli napiszę coś w bloku głównym (tym większym po prawej) to menu, jakby to powiedzieć... przesuwa się w dół. To samo dzieje się w odwrotnej sytuacji. Kiedy napiszę coś w menu to główny blok przesuwa się w dół jakby był ustawiony względem dolnej krawędzi bloku obok. Prawidłowo menu i główny blok powinien być kilka pikseli pod ramką górną (tej z napisem STRONA), a tutaj widzisz co się dzieje - jak bardzo menu "zjechało" w dół.

Eh, lepiej tego wytłumaczyć nie mogę.

Wiesz co akurat to Twoje menu jest z lewej strony tylko w IE :) Wynika to pewnie też z tego, że span nie służy do rozmieszczania tego typu bloków. Spokojnie wystarczą Ci divy. A ułożenie według mnie powinno być takie <div id="all">     <div id="top"></div>     <div id="main">          <div id="menu">              <div id="menuA"></div>              <div id="menuB"></div>          </div>          <div id="content"></div>     </div>     <div id="footer"></div> </div>
I do tego dokładasz odpowiednie style z wykorzystaniem float: left;. Popróbuj trochę i poszukaj w necie :)
Użytkownik reVis edytował ten post 19 czerwiec 2006, 20:24
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.