Newbie Question On Div Tags And Mobile
The two images are in the missiontop and logotop div's. I seem to be able to get them to move along with different widths but they don't scale and they end up floating over each other.
Here is the html I am using:
<div id="wrapper"> <div id="topbackground"> <div id="topContent"> <div id="LogoTop"><img src="images/Logo.png" alt="On The Line Ministries"></div> <div id="MissionTop"><img src="images/Mission.png" alt="Our mission is to reach the lost by teaching the saved how to be the church."></div> <div class="clear"></div>
h1 { font-family: Tahoma; font-weight: bold; font-size: 19pt; color: #003399; } h2 { font-family: tahoma; font-size: 15pt; font-weight: bold; color: #003399; } scriptureref { font-family: Georgia; font-size: 12pt; font-weight: bold; } scripturequote { font-size: 12pt; font-style: italic; } #wrapper { margin: 0px auto auto; width: 100%; } #topbackground { margin: 0px auto auto; background-image: url(images/topbackground.jpg); background-repeat: repeat-x; background-attachment: fixed; width: 100%; height: 178px; } body { margin: 0px; width: 100%; } #topContent { width: 100%; max-width: 984px; padding-top: 5px; margin-left: auto; margin-right: auto; } #LogoTop { float: left; width: 50%; } #MissionTop { float: right; width: 50%; text-align: right; } .clear { clear: both; }
*NEW* Learn ClickBump! | Get ClickBump Theme WSO | Get ClickBump SEO!
Live Demos: "Perfect Silo" | Killer "Landing Page" | Mashable Skin
Watch ClickBump Smoke Thesis/Genesis