I’ve listened to your CSS Basic and Advanced CSS DVDs. They are great resources, but I have a question
I am trying to create a banner div that includes 3 divs inside: a Photo div, Title div, and another photo div, all lined up at the same height. I want the photos floated at each end of the banner div and the Title div centered between them. Here is what I created:
- A photo (123 px wide) div floated to the left.
- Title (400 px wide) div for the centered (margins left & right set to auto).
- A photo (123 px wide) div floated to the right.
The three above divs are within the banner div, each at the same level. I want space between the photos at each end and the title.
Here is my question: Why isn’t the 2nd photo isn’t at the same height as the other 2 divs within this banner? This is driving me crazy.
Thank you so much. Your solution works! I cannot thank you enough. I have tried and tried over the past couple of years to use div’s instead of tables but always ran into problems and went right back to tables. I am finished with them for the most part after learning how to use div’s. You unlocked the div mystery.