Forum PHP.pl > Wyśrodkowane 2 divy koło siebie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyśrodkowane 2 divy koło siebie

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

creative123

31.01.2010, 20:30:52

Mam 2 divy:

[HTML] pobierz, plaintext 
<div>
<div class="button"><a href="coś">Napis</a></div>
<div class="button"><a href="coś2">Napis2</a></div>
</div>
[HTML] pobierz, plaintext

Jak umieścić je koło siebie, aby jednocześnie były wyśrodkowane?

icetique

31.01.2010, 21:58:16

Kod

<div style="margin: 0px auto; width: 500px;"> // ważne, żeby ustalić szerokość, jeśli masz niestałą szerokość, to dodaj display: inline-block;, w przeciwnym wypadku div zajmie całą stronę (w szerokości).
  <div class="button" style="float: left;"><a href="coś">Napis</a></div>
  <div class="button" style="float: left;"><a href="coś2">Napis2</a></div>
<br style="clear: both;" />
  </div>

creative123

31.01.2010, 22:10:05

Nie pomogło.

plsd

31.01.2010, 22:17:16

Kod

<div style="margin:0 auto;width:700px;background:yellow;">
<div class="button" style="float:left;background-color:red;height:100px;"><a href="coś">Napis2</a></div>
<div class="button" style="background-color:green;height:100px;"><a href="coś2">Napis</a></div>
</div>

icetique po co dajesz dwa elementy pływające przeciez ten kod nie ma sensu

creative123

31.01.2010, 22:28:13

Problem w tym, że nie mogę ustalać wielkości buttona bo jest zmienna.

icetique

31.01.2010, 23:41:03

Cytat

icetique po co dajesz dwa elementy pływające przeciez ten kod nie ma sensu

Powiedział ten, co dał kod nie działający pod IE. Wszyscy wiemy jaki jest sens i jak widać nie wszyscy wiemy, że IE sensu nie rozumie.

Problem jest dość ciężki do rozwiązania (jak na tę godzinę).

seth-kk

1.02.2010, 00:35:02

Cytat(creative123 @ 31.01.2010, 22:28:13 )

Problem w tym, że nie mogę ustalać wielkości buttona bo jest zmienna.

nie uwazasz ze to istotna informacja i powina byc zawarta od poczatku?
jesli buttony da sie zbudowac z elementow inline to wytarczy dodac

[CSS] pobierz, plaintext 
text-align: center;
[CSS] pobierz, plaintext

kontenerowi i po problemie

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.