-
Data: 2009-08-12 13:36:50
Temat: Re: Zawartość diva zawsze na środku
Od: Pushman <p...@g...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]On 12 Sie, 14:54, hazet <h...@n...pl> wrote:
> Pushman pisze:
>
>
>
> > On 12 Sie, 11:18, hazet <h...@n...pl> wrote:
> >> Witam. Jest sobie div wewnątrz którego są linki z display: block z
> >> określonym wymiarem, , dlatego układają się obok siebie. Liczba linków
> >> jest zmienna, może być ich 5 a może też 20. Co zrobić aby zawartość tego
> >> diva (linki) były zawsze na środku ?
>
> >> <div><a href="1"></a><a href="2"></a>...</div>
>
> >> Podobny problem mam czasami z listą.
> >> Jak wyśrodkować zmienną ilość blokowych li o określonych wymiarach
>
> > Czy te linki przypadkiem nie mają tez float:left? Chyba nie ma mowy,
> > żeby ułożyły się obok siebie bez tego.
> > W każdym razie rozwiązanie dla listy wygląda tak:
>
> > ul {
> > float: left;
> > position: relative;
> > left: 50%;
> > }
>
> > ul > li {
> > float: left;
> > position: relative;
> > right: 50%;
> > }
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
> <title>Untitled Document</title>
>
> <style type="text/css">
>
> body {width: 800px; background: #FF6600; margin: 0 auto;}
> div {position: relative; left: 50%;}
> div > a {float: left; width: 100px; background: #009900; position:
> relative; right: 50%; }
>
> </style>
> </head>
>
> <body>
> <div>
> <a href="1">jeden</a> <a href="1">jeden</a>
> </div>
>
> </body>
> </html>
>
> Wyświetla się suwa poziomy, jak jest mniej elementów jak wyżej, to 'a'
> nie jest wyśrodkowane
Daj divowi float: left. Z body możesz też usunąć width: 800px, bo to
nic nie daje. Bardzo przydatny jest też wrapper. Ogólnie powinno być:
<style type="text/css">
body {background: #FF6600; margin: 0 auto;}
#wrapper {border: 1px solid lime; overflow: hidden; width: 800px;}
#wrapper div {float: left; position: relative; left: 50%;}
div a {float: left; width: 100px; background: #009900; position:
relative; right: 50%; }
</style>
</head>
<body>
<div id="wrapper">
<div>
<a href="1">jeden</a> <a href="1">jeden</a>
</div>
</div>
</body>
</html>
problem suwaka rozwiązuje overflow:hidden
> ta , a ten selektor dziecka działa W IE6/7 ?
Nie działa w 6, ale może być normalny selektor potomka, żaden problem.
Następne wpisy z tego wątku
- 12.08.09 13:48 hazet
- 12.08.09 16:36 Paweł Piskorz
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
Najnowsze wątki
- 2026-01-29 KSeF - 13 wątpliwości
- 2026-01-29 A ja się pochwalę
- 2026-01-29 Warszawa => Mid/Senior IT Recruiter <=
- 2026-01-29 Warszawa => Senior Java Developer <=
- 2026-01-29 Warszawa => IT Recruiter <=
- 2026-01-28 Degradacja
- 2026-01-28 Wysoki Sąd poinstruował czego unikać wyzywając Owsiaka "Równiejszego"
- 2026-01-28 Białystok => Solution Architect (Workday) - Legal Systems <=
- 2026-01-28 Białystok => Preseles Inżynier (background baz danych) <=
- 2026-01-28 Wrocław => Konsultant wdrożeniowy ERP <=
- 2026-01-28 Łódź => Microsoft Engineer <=
- 2026-01-28 Białystok => Tester manualny <=
- 2026-01-27 Tradycja ciągania posłów po sądach za wystąpienia w Sejmie będzie kontynuowana [Lepper 2]
- 2026-01-27 Pierwszy raz sprzedano więcej samochodów zeeletryfikowanych niż ice
- 2026-01-27 Elektryczny Kałasznikow
![Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci [© pexels]](https://s3.egospodarka.pl/grafika2/rynek-mieszkaniowy/Ceny-mieszkan-stabilne-a-zdolnosc-kredytowa-rosnie-O-ile-nie-masz-dzieci-270929-50x33crop.jpg "Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci [© pexels]")
Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci
