 [XHTML]Problem z wyrównaniem divów |
| [XHTML]Problem z wyrównaniem divów |
 5.03.2009, 15:48:01
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 1.04.2008 Ostrzeżenie: (0%) 
 |
Witam Szukałem informacji. Niestety nie znalazłem rozwiązania. Jak wyrównać trzy divy, które znajdują się w pierwszym divie ? Wyrównać do środka tego diva.
Kod <code><div style="width: 100%;height: 200px; border: thin solid #bd3e74; "> <div style="margin-left: 0px; margin-right: 3px;border: thin solid #bd3e74; width: 200px; float: left; height: 100px; padding: 4px 8px; background: #e2c4ed; font-family: arial,sans-serif;"> wszystko jest pooodłe :d </div> <div style="margin-left: 0px; margin-right: 3px; border: thin solid #bd3e74; width: 200px; float: left; height: 100px; padding: 4px 8px; background: #e2c4ed; font-family: arial,sans-serif;"> wszystko jest pooodłe :d </div> <div style="margin-left: 0px; margin-right: 3px; border: thin solid #bd3e74; width: 200px; float: left; height: 100px; padding: 4px 8px; background: #e2c4ed; font-family: arial,sans-serif;"> wszystko jest pooodłe :d </div> </div> </code> Pozdrawiam Ten post edytował pimek 5.03.2009, 16:03:10 |
 |
 
|
 |
|
5.03.2009, 16:01:24
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Ja bym głównemu div-owi dal mniejsza szerokość (np 700px), margin:auto.
W ostateczności włożyłbym te trzy divy do jeszcze jednego i dał go niewidocznego. Ale nie wiem czy tak się robi, albo czy ci to odpowiada. |
|
|
|
|
5.03.2009, 16:03:55
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
Ponieważ wszystkie trzy mają stałą szerokość 200px, możesz je wpakować do diva o szerokości 600, lub nadać temu głównemu taką szerokość, skoro i tak ma 100% to pewni nic nie robi, nie wiem dokladnie czy o to chodziło, może rozrysuj
|
|
|
|
|
5.03.2009, 16:06:50
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
właśnie o to mi chodzi co napisał drzalek, ale jak się to wpakuje w 600px to się nie mieści
OT: Daj sobie style do osobnego pliku bo ja osobiście się w tym gubię. Nie wiem jak inni. Ten post edytował r_mag13 5.03.2009, 16:08:00 |
|
|
|
|
5.03.2009, 16:20:18
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
bo musisz dodać do tego jeszcze marginesy czyli jak dajesz każdemu divowi 3px to jeszcze 3x3px czyli 9 czyli 609px dajesz glownemu
|
|
|
|
|
5.03.2009, 16:21:05
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
z tego co tu policzyłem to nie możne być 600px bo: 1px +1px+3px+1px+1px+3px+1px+1px=12px czyli szerokość musi być 612px. Może się mylę ale to by się zgadzało bo: 1px to obramowanie tych środkowych div-ów a ich jest 6, a do tego dwa marginesy w środku po 3px. Musiałem padding ustawić na 0 bo on rozszerzał te twoje divy i one wcale nie miały 200px tylko więcej. Aha i trochę narobiłem bałaganu w tych stylach to sobie tam pozamiataj jakby co Pamiętaj aby zmienić szerokość diva jeśli zmienisz obramowanie, lub go usuniesz! Ten post edytował r_mag13 5.03.2009, 16:27:01 |
|
|
|
|
5.03.2009, 16:30:01
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 170 Pomógł: 18 Dołączył: 6.03.2007 Ostrzeżenie: (0%)
|
No dokładnie trzeba zsumować wszystkie px'y: marginesy i obramowania i dopiero wrzucić to do głównego diva ustawionego na odpowiednią szerokość
Zakładam, że chcesz wyrównać to w poziomie
|
|
|
|
|
5.03.2009, 16:41:14
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Dzięki drzalek. Zawsze zastanawiałem się czemu nie jest dobra szerokość jak robiłem szablon. Dopiero jak to zobaczyłem, więc pimek tobie też dzięki za ten problem
|
|
|
|
|
5.03.2009, 17:35:10
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 1.04.2008 Ostrzeżenie: (0%)
|
Dzięki za pomoc. A paddingi też wliczamy w tą sumę ?
Pozdrawiam |
|
|
|
|
5.03.2009, 18:22:08
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 26 Pomógł: 1 Dołączył: 3.03.2009 Ostrzeżenie: (0%)
|
Nie jestem pewny
 Spróbuj dać padding-left: 1px; w jednym divie (wewnętrznym) i zobacz czy ci to wyskoczy na dół. Rada: Daj sobie to w plik... Piszesz sobie w <head>:
potem tworzysz plik style.css. W html w divie piszesz tak: <div class="main">[tu treść]</div> A w style.css np: Kod .main { padding:0; margin:0; color:red; } Możesz to zastosować do każdego znacznika: a, img, p, h1, h2 i tak w nieskoczonosc... Możesz dwóm divom dać class="main" i one będą takie same. |
|
|
|
|
5.03.2009, 18:25:29
Post
#11
|
|
 Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Cytat A paddingi też wliczamy w tą sumę ? A nie można choć trochę poszukać? http://www.w3.org/TR/CSS21/box.html#box-dimensions --------------------  ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW! |
|
|
|
 |
|
Wersja Lo-Fi | Aktualny czas: 13.07.2025 - 20:39 |
