-
Data: 2009-07-09 21:40:38
Temat: Re: div przylegający do wyśrodkowanego
Od: "G.Suss" <g...@g...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]On Thu, 09 Jul 2009 22:01:39 +0200, Paweł Piskorz wrote:
> G.Suss pisze:
>> Próbuję napisać coś, co do czego nie jestem przekonany, czy jest
>> wykonalne. Jest obrazek - wyśrodkowany w poziomie względem body - do
>> którego z lewej strony przylegać ma div o stałych wymiarach. Koncept
>> ilustruje "rycina":
>>
>> . .
>> . +-----+----------------------+ .
>> . | div | | .
>> . +-----+ | .
>> . | img | .
>> . | | .
>> . | | .
>> . | | .
>> . +----------------------+ .
>> . .
>
> HTML:
> <div class="imageWrapper">
> <img />
> <div class="box">
> tu jestem
> </div>
> </div>
>
> CSS:
> div.imageWrapper {
> display:inline;
> position:relative;
> zoom:1; /* dla badzIEwia */
> }
>
> div.imageWrapper img {
> vertical-align:top;
> }
>
> div.box {
> position:absolute;
> top:0;
> right:100%;
> }
Nie do końca, bo założenie jest takie, że img ma być wyśrodkowany. Poza
tym top absolutny też nie wchodzi w grę, bo takich elementów na stronie
ma być więcej, jeden pod drugim.
Na razie wykoncypowałem coś takiego - niezbyt eleganckiego:
HTML:
<div class="wrapper">
<div class="box">box</div>
<img />
</div>
CSS:
.wrapper {
display: table;
margin: 10px auto;
clear: both;
}
.box {
float: left;
background: red;
width: 100px;
height: 50px; /* wymiary sztywne - przykladowe */
position: relative;
left: -50px; /* polowa szerokosci dla wysrodkowania obrazka*/
}
.wrapper img {
float: left;
position: relative;
left: -50px; /* jw. */
}
W FF i Operze wygląda to tak jak chcę. IE6 (innych nie sprawdzałem) nie
chce wyśrodkować i nie mam pojęcia, jak go zmusić.
Następne wpisy z tego wątku
- 09.07.09 21:46 Paweł Piskorz
- 09.07.09 21:59 G.Suss
Najnowsze wątki z tej grupy
- 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
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-03 ROG
- 2025-07-03 OZE dały Polsce więcej prądu niż elektrownie węglowe
- 2025-07-03 Dlaczego nikt nie powiadamia służb!
- 2025-07-02 Jaka ładowarka sieciowa do Iphona?
- 2025-07-02 ,,The Plot to Get RFK" (,,Spisek, by pozbyć się RFK")
- 2025-07-02 Rozkaz 17-2025: O Zaprzestaniu Zaciągania Kredytów
- 2025-07-02 Rozkaz 16-2025: 2025-06-19 Apelacja Do Wyroku Sądu Rej. w Sprawie IVRNs 295-23
- 2025-07-02 Rozkaz 17-2025: O Zaprzestaniu Zaciągania Kredytów
- 2025-07-02 Inżynierowie... inżynierzy...
- 2025-07-02 Can you activate BMW 48V 10Ah Li-Ion battery, connecting to CAN-USB laptop interface ?
- 2025-07-02 Kto potrafi sprawdzić aku BMW 48V 10Ah Li-Ion do mini hybrydy, czy sprawny ?
- 2025-07-02 Warszawa => Senior IT Recruitment Consultant <=
- 2025-07-02 Gdańsk => Konsultant wdrożeniowy (systemy controlingowe) <=
- 2025-07-02 Warszawa => IT Hardware Specialist - Wsparcie i Konfiguracja <=
- 2025-07-02 Warszawa => Inżynier oprogramowania .Net <=