Podstrony
- telcocafe
- [css]Kilka elem. obok siebie czyli przesiadka cs CSS
- Darowy hosting u siebie w domu (łacze>128kB) Oto jak założyć nasz serwer www (z bazą)
- [CSS/HTML] Dwa znaczniki <div> obok siebie. Szukałem ale nie rozumiem albo coś źle robię.
- [HTML, CSS] 2 div relative obok siebie rozciągajace diva nadrzędnego
- [html] [div] Jak uzyskac 3 bloki lezace obok siebie na tej samej wysokosci?
- [html/css] nakładanie się obrazków jak ustawić który nad, a który pod
- [html+css] Błedy Wyświetlania Pod Mozillą I Operą ułożenie divów
- [CSS/DIV] Elementy obok siebie. A nie jeden pod drugim.
- [css] jednolite obramowanie elemntów znajdujących się obok siebie
- Dwa tała koło siebie... Wyskakuje tylko jedno...
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- nea111.xlx.pl
telcocafe
Mam pytanie... wie ktoś może jak uzyskać efekt nałożenia na siebie divów w taki sposób jak na rysunku:http://img165.images...9819/divcf8.jpgProsty przykład:
<html> <head> <link rel='stylesheet' href='7.css' type='text/css' /> </head> <body> <div id="overall"> <div id="top"> <div class="left"> gora-lewo </div> <div class="center"> gora-srodek </div> <div class="right"> gora-prawo </div> </div> <div id="middle"> <div class="left"> srodek-lewo </div> <div class="center"> srodek-srodek </div> <div class="right"> srodek-prawo </div> </div> <div id="bottom"> <div class="left"> dol-lewo </div> <div class="center"> dol-srodek </div> <div class="right"> dol-prawo </div> </div> </div> </body> </html>
+ css
div#overall { display: table; } div#top, div#middle, div#bottom { display: table-row; } div.left, div.center, div.right { display: table-cell; } div.left, div.right { width: 10%; border: 1px solid #000000; } div.center { width: 80%; border: 1px solid #000000; } div#middle div.left { border-left: none; } div#middle div.right { border-right: none; }
Nie wiem czy nie zapomniałem gdzieś dodać atrybutu border, ale to już chyba będziesz wiedział jak to rozwiązać.
Użytkownik Einzeinbleth edytował ten post 01 listopad 2006, 15:19
hym... efekt po wklejeniu Twojego kodu jest zupełnie inny niż ja oczekiwałem.
Ups :X
Wywal display: table-row; z div#top, div#middle, div#bottom
Nie wiem czemu to psuje cały efekt ...
Btw - trzeba też ustawić szerokość i wysokość.
//edit:wyedytowalem pierwszy post, sorry.
Użytkownik Einzeinbleth edytował ten post 01 listopad 2006, 15:19
Efekt ciągle nie jest ten o który prosiłem. Na zdjęciu masz 3 divy... które są ponakładane na siebie...
a w Twoim rozwiązaniu jest tych divów o wiele więcej...