+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS: wysrodkowanie diva (/thread-css-wysrodkowanie-diva)
Strony:
1
2
CSS: wysrodkowanie diva - zdzislavv - 26-05-2009
Witam!
Rzecz jest dosyć prosta, ale próbowałem na różne sposoby i nie działa. Chciałbym wyśrodkować głównego diva - działa to w Internet Explorerze, ale nie w Mozilli Firefox.
Pozdrawiam!
RE: CSS: wysrodkowanie diva - FasOlQa - 27-05-2009
zamknij całą zawartość strony w jeszcze jednego div-a
<div style="width: 1000px; margin: 0 auto;">
tresc strony
</div>
dziala
RE: CSS: wysrodkowanie diva - zdzislavv - 28-05-2009
Hmm, niestety ten patent działa tylko w Mozilli, a w IE już nie.
W załączniku aktualna wersja strony.
Mam też kolejne pytanie. Otóż znalazłem tutaj http://www.egrafik.pl/html-css-zaokraglone-rogi-tabela-ramka,1375.html jak zaokrąglic ramkę i zastosowałem to. Działa świetnie, jednak chciałbym utworzyc marginesy wewnętrzne (w zaokrąglonym prostokącie próbuję utworzyc margines wewnętrzny). Mam z tym problemy, bo sam sposób zaokrąglenia ramki wykorzystuje już marginesy.
Pozdrawiam i dzięki
!
RE: CSS: wysrodkowanie diva - KowR - 28-05-2009
Wystarczy, że w body dasz centrowanie:
Kod CSS
Kod:
body {
text-align:center;
margin:0px;
padding:0px;
}Do tego dodajesz to co napisał mój poprzednik (ale na Boga, ludzie nie mieszajcie CSSa i XHTMLa - po to są zewnętrzne arkusze styli).
Czyli np. do XHTMLa dodajesz diva:
Kod:
<div id="stona">
// reszta strony
</div>i w CSS
Kod:
div#strona {
margin:0px auto;
padding:0px;
text-align:left;
width:1000px; // szerokość strony ustawiasz sam
}RE: CSS: wysrodkowanie diva - zdzislavv - 29-05-2009
Witam!
Wielkie dzięki, Rodi
.W załączniku wersja aktualna. Strona powinna działac w Internet Explorerze i Mozilli Firefox.
Męczę się nad tym sporo czasu i nie potrafię zrobic trzech istotnych rzeczy:
1) Margines wewnetrzny ramki z zaokrąglonymi rogami (dlatego, że już marginesy są w dośc specyficzny sposób wykorzystywane),
2) Wysokośc ramek. Chciałbym, żeby ramki o_firmie i foto2 miały taką samą wysokośc, ale również żeby ta wysokośc oznaczała odpowiednio więcej czerwonego koloru (rozwiązałem to tymczasowo w bardzo nieelegancki sposób poprzez dodanie mnóstwa .<div>, jak to można zobaczyc w pliku html),
3) Przy zmianie szerokości okna przeglądarki wszystko sie psuje
.Pozdrawiam serdecznie!
RE: CSS: wysrodkowanie diva - Labsta.com - 29-05-2009
Z góry mówię, że nie wszytko rozumiem:
1. Treść w ramce zamknij w div np. <div class="tresc></div> dla .tresc dodaj padding czy margin jak wolisz
2. Wyrównanie wysokości w takim "rozciąganym" układzie nie będzie zbyt proste
3. Żeby się nie rozjechało musi być nadana wartość width dla #strona (ew. min-width)
RE: CSS: wysrodkowanie diva - KowR - 29-05-2009
"O ja Cie pierdziule Czesiu!" - spojrzałem w kod i ... dostałem prawie zawału! Człowieku - chcesz mnie zabić?!
Po za tym kolega wyżej już napisał Ci rozwiązanie! Nie podobają mi się te zaokrąglenia, <br> - co to jest?
, <font> - yyy?, divów cała armia - tak jakbyś szedł na jakąś wojnę - to jeżeli chodzi o XHTML (HTML). Co nie podoba mi się w CSS? W szczególności te %. Tyle ode mnie, w razie pytań pisz.
RE: CSS: wysrodkowanie diva - zdzislavv - 29-05-2009
Wielkie dzięki, Labsta.com
Spróbowałem Twoich rad odnośnie pkt. 1 i 3 - już się strona nie rozjeżdża, z czego jestem bardzo zadowolony. Niestety, nie zadziałało mi odnośnie (1), czyli dalej nie ma marginesów. Próbowałem w pliku .css dodac dla .tresc, jak i #tresc, ale żadne, o dziwo, nie zadziałało, więc coś pewnie źle musiałem zrobic. Co do (2), jak można by spróbowac to mimo wszystko zrobic - jakieś ogólne rady, to bym popróbował, może jakoś by mi się udało
.Pozdrawiam!
RE: CSS: wysrodkowanie diva - Labsta.com - 29-05-2009
(1) 'class' a nie 'clas'.
(2)http://www.google.com/search?client=opera&rls=pl&q=equal+height+css&sourceid=opera&ie=utf-8&oe=utf-8
tu masz link to trików na równą wysokość, ale nie wiem czy jest tam taki który da radę zastosować do tego kodu. Największe problemy to brak stałej szerokości divów (czyli % zamiast px) oraz te nifty corners'y. Ja zwykle jade na Faux Columns http://www.alistapart.com/articles/fauxcolumns/
RE: CSS: wysrodkowanie diva - zdzislavv - 30-05-2009
Dzięki Rodi i Labsta.com!
Nie zdawałem sobie sprawy, że tyle da się ułatwic wyrzucając procenty, a wrzucając wartości w pikselach
.Teraz jest problem z wyśrodkowaniem obrazków. Nie działa vertical-align: middle; . Poszukałem w necie i sugerują zastosowanie padding-top. Niestety, albo działa w Mozilli, albo w IE, ale nigdy w obu.
Pozdrawiam
PS. Co do stałej wysokości zaokrąglonych, ciemnoczerwonych pól to jeszcze mi się nie udało, ale dalej próbuję
.