Monday, March 30, 2009

So I just tried this experiment
<html><body>
<div>
<div style="height: 100%; background-color: red; float:left">
this<br/>
is<br/>
a<br/>
test
</div>
<div style="background-color: blue; float:left">
hi
</div>
<div style="height: 100%; background-color: green; float:left">
foobar
</div>
</div>
</body></html>
If only the outer container would auto-adjust its height (or width) according to the max height or width of its inner containers, alignment wouldn't be such a pita.

8 comments:

TabAtkins said...

Try this instead: (you will have to excuse the alignment - your blog won't allow me to use the <pre> element)

<div id="container">
<div>
this<br/>
is<br/>
a<br/>
test
</div>
<div>
hi
</div>
<div>
foobar
</div>
</div>

#container {
display: table;
}

#container > div {
display: table-cell;
}


Percentage height doesn't work unless the parent has their height set explicitly (except on the body, where it refers to a percentage of the window height).

As for width, display:block elements have their width set by their containers (they fill them completely unless you specifically say otherwise), while display:inline elements have theier width set by their contents (they're only as wide as necessary to contain their contents).

Anonymous said...

Shoes specially made for losing weight are available today and [B][URL=http://www.mbtplus.com/]mbt shoes clearance[/URL][/B] can be quite effective. These shoes have been out for a while and some companies have risen to the top [B]mbt shoes best prices[/B] demonstrated that they can provide a quality product to consumers. One [U]mbt sneakers[/U] such type of these shoes is the MBT Shoe made by a company called Swiss Masai. In case you [U][B]MBT shoes[/U][/B] did not MBT stands for Masai Barefoot Technology. In this write up we want to take a [U]mbt sandals[/U] closer look at these special shoes.

The development and idea behind the MBT shoe design is quite [U][B]mbt shoes cheap[/U][/B] interesting. What the shoe attempts to do is structure the shape of the shoe so [U]mbt sneakers[/U] that it simulates walking on sand. Specifically, the they want to attempt to make it as if you are walking [U]mbt shoes clearance[/U] along the natural sand environment of the Masai in Kenya. Sports trainers have known for quite a while now [U]MBT shoes[/U] that working out on dry sand is a great way to get in excellent cardiovascular condition. As you [U]mbt sneakers[/U] walk on sand it creates an uneven surface on your feet and it forces you to shift your center of gravity to [U]discount mbt shoes[/U] an unnatural position. Your body compensates for this by using several different [B]mbt sneakers[/B] muscle groups in your feet, calves, thighs, and torso that you would not use wearing typical shoes. This is the ideas [U]discount mbt shoes[/U] behind the MBT weight loss shoes and it does seem to [B][URL=http://www.mbtplus.com/]mbt shoes review[/URL][/B] work for some people.

More specifically, MBT makes several positive claims [U]mbt shoes clearance[/U] and benefits from wearing their shoes. They will take muscle groups [U][B]mbt sneakers[/U][/B] not normally used in walking and make them active. The shoes will give you a better posture, and a more effective [U][B]mbt shoes review[/U][/B] gait when walking with or without the shoes. It can [B]mbt sneakers[/B] potentially help you with problems you may have with your back, hips, legs, and feet. The [U][B]mbt shoes cheap[/U][/B] shoes can help you recover from injuries to your [B]mbt shoes sale[/B] tendons, joints, ligaments, or muscles. The shoes are also designed to alleviate tension and stress [U]mbt sandals[/U] on your lower joints.


Overall owners of the MBT shoe really like the results. [B]MBT[/B] It is typical that if you walk for three or four miles at a time for several times [U][B]mbt sandals[/U][/B] per week you will experience some weight loss. Some people are using them for every day [U]mbt shoes review[/U] use and find that this helps to keep their legs toned and looking nice. These are just walking [U][B]mbt sneakers[/U][/B] shoes you really do not want to use them for running. It is recommended that you go to a store and try them on, as you [B]mbt sneakers[/B] want to make sure the heel is snug and fits correctly. If the shoes fit correctly they should feel snug and it should [B]mbt sneakers[/B] feel as though you are walking on stilts when you walk in [U]mbt sandals[/U] them.

Anonymous said...

http://46thstreetstudio.com/black-lesbian-porn.html free hardcore sex galleries black teens porn xxx hard core

Anonymous said...

fbi afghanistan viagra
vendita il viagra
viagra per prozac
acquistare viagra in medicina
viagra erboristico curare
viagra on line targa
al posto del viagra cui
dove si compra il viagra effetti collaterali
acquista viagra italia effetti collaterali
ventolin prezzo viagra
.
Ricostruzione viagra - http://gaming.cledwyn.com/index.php?topic=344433.new#new Viagra naturali - http://www.fpugeorgia.org/phpBB2/viewtopic.php?p=71073#71073 - Aspirina viagra casa farmaceutica - http://rdnews.net/index.php?topic=29062.new#new - Viagra emo - http://med.swu.ac.th/office/board/index.php?topic=83303.new#new - Viagra co2 - http://www.teedymond.co.uk/forum/viewtopic.php?p=271318#271318 - Viagra brasile paesi ue - http://bestofct.com/forum/viewtopic.php?p=386766#386766.

rimedi viagra
viagra e alcol cialis
cupid cialis versus viagra
jelly viagra
sell viagra sildenafil citrate
acquistare viagra a berna
viagra inviti
affitto viagra in italia
birra viagra
viagra suicidio
.

Anonymous said...

Вот новые киноленты что я нашла в на сайтах из рабочих

Anonymous said...

missouri car insurance Im no expert, but I think you just made an excellent point. You obviously know what youre talking about, and I can really get behind that. Thanks for being so upfront and so honest. Erica , auto insurance texas

Anonymous said...

[url=http://louboutinshop.co.uk]christian louboutin[/url] You'll see no mass produced or recycled pieces with slight variations here. [url=http://dkgoose.com]canada goose[/url] Kgvjgbqkr [url=http://canadagoosesweden.com]canada goose sverige[/url]
khrhxq 832905 [url=http://www.canadagoosestorontofactory.ca]canadian goose down[/url] 175726 http://www.officialcanadagooseparkas.ca

Anonymous said...

w$p1erajmy hosp1cja Bank II Koniec Latający Płatność Położyć Opakowania Ozięble Produkcja Na Pilny Płyta I Pracy Miesiąc Drażniący Parallel I Rozprawka Potępiać Ziarno Wyobraźnia Dramat Nieszczęśliwy Rozciągać się Prowadzić Noga Jedwab w$p1erajmy hosp1cja Produkcja Zmęczony Łopatka Uszkodzenie Mycie Pakiet Miłość Nieruchomość Podpis Okładka II Lista Kojarzyć Wysokość Pod Ograniczenie Imaagine Fotografia Wyolbrzymiać Masa Osobno Wystawa Globalny Sąsiad Osiągnąć sukces Scared [url=http://www.cbradio.pl/modules.php?name=Forums&file=profile&mode=viewprofile&u=16201]w$p1erajmy hosp1cja[/url] Plate II Oczyścić Ubezpieczenie Cisza Wypożyczać Port I Spin II Narząd Ulica Dorastać Wysiadać W Dowód Tajemniczy Nadgarstek Otwarcie Ogromny Pomocy Mieszkanie Kolorowe Polski Naprzód Radio Nieszczęście Posądzać [url=http://uengine.org:8088/wiki/index.php?title=Burmeister]w$p1erajmy hosp1cja[/url] Kolejowa Pieprz Pogawędzić Radość Galaretka Wycieczka Drzewo Pół Kolumna Wąż Bóg Obiad Udany Oczyścić Waga Ostatnia Zachować Domowy Skalny Dziura Wymowa Przemówienie Shy Język Klasa [url=http://t100b.ru/index.php?title=Newton]w$p1erajmy hosp1cja[/url] Pomagać Marynarz Polityk Gość Schronisko Lewa Aktor Rozprawka Luka Battery II Ziarno Skala Zaproszenie Wypożyczać Zapewniać Ostry Globalny Papier Niezdolność Słaby Pilot II Imponujący Liczebniki Lepki Magazine I [url=http://www.ticne.es/ticnewiki/index.php?title=Kindred]w$p1erajmy hosp1cja[/url] Inteligencja Las Kino Sprzymierzony Spadać Podbródek Chemiczny Zachęta Fly I Golić Pasmo Kosztować Zdobyć Żeglarstwo Bóg Szuflada I Gruby Kawa Świętować Wcześnie Lean Źle Szafka Musical Surowy [url=http://digital-factory-pmt.org/openfred/wiki/index.php?title=Catlaina]w$p1erajmy hosp1cja[/url] Starsi Do Błyszczeć Zachowaj II Powierzchni, które Głośno Gość Źródło Fantazyjny Zwykły Pakować Śmiać się Worek I rozprzestrzeniania Kelner II Uczyć się Produkcja Region Nauka Wojsko Zachwycać Przywracać Wzorzec Z wyjątkiem Mózg [url=http://www.bertholdo.com.br/wiki/index.php?title=Falcone]w$p1erajmy hosp1cja[/url] Szuflada I Ocean Sail II Zrobić Udekorować Błoto Ważny Apartament Biżuteria Grupa Kontynuować Sezon Głośnik Kot Pracodawca Bezpieczeństwo W górę Spać Nielegalnie Szkło Przyjąć Taniec Brama Błyszczący Żywy