tailieunhanh - Pro CSS Techniques- P4

Tham khảo tài liệu 'pro css techniques- p4', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | 122 CHAPTER 7 CSS LAYOUTS Figure 7-7. Problem solved If we resize the text somewhat you ll notice that the page reflows accordingly as shown in Figure 7-8. Swanky header Graphic Day 1 arrival Day 2 kutna Hora Day 3 Prague Castle Day 4 up the towers Karlstejn Castle Day 5 Metro tour We flew with Czech Airlines and weren t expecting a swish ride we also weren t expecting to be fed on such a short flight on economy tickets so we gorged on overpriced breakfast in Stansted airport and didn t know what to do when the flight attendants appeared with trays of pre-packaged food. As usual greedy guts me polished off the sweet items that Manda couldn t quite face so early in the day. After a smooth flight we landed under an ominous-looking sky. It was looking dark and moody in the distance as if to prove that the five days of thunderstorms forecast for Prague were soon to start. Strangely though despite the grey skies in the distance it was hot and sunny as we stepped off the plane to the transfer bus. We might just get lucky with the weather I thought. Once we got through the usual arrival procedures of claiming baggage immigration checks etc we made our way out to where all the transfer buses were waiting for tired travellers. We immediately headed to the right following a tip from one of Manda s colleagues that there were cheap transfer buses there - a 90 crown fare approx to drop in the centre as opposed to the 490 crown charge for a transfer right to the hotel front door. Luckily the drop-off point just around the comer from the Municipal Building turned out to be an 8-minute walk from our hotel. Figure 7-8. Same page with resized text CHAPTER 7 CSS LAYOUTS 123 The addition of the footer admittedly a footer with no actual content which is then given the clear both CSS property value pairing solves the problem of the outer element collapsing underneath these floated items but it s including additional markup for the sake of it some might argue. There are ways that .