jdowen2211 Posted July 31, 2011 Share Posted July 31, 2011 How do I align profileright to the top of the page so it is in line with profileleft? <html> <head> <style type="text/css"> #profilelayer { width:900px; vertical-align:top; margin:0px auto; text-align:left; padding:1px; border:1px solid #333; } #profileleft { width:218px; text-align:left; border:1px solid #333; } #profileright { width:670px; float:right; text-align:left; border:1px solid #333; } </style> </head> <body> <?php include_once "header_template.php"; ?> <div id="profilelayer"> <div id="profileleft"> <?php echo $user_pic; ?> </div> <div id="profileright"> <span style="font-size:16px; font-weight:800;"><?php echo $mainNameLine; ?></span> </div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted July 31, 2011 Share Posted July 31, 2011 Hi, You need to add the following: float:left; on #profileleft Besides that you need to add: overflow:hidden on #profilelayer To make it skrinkwrap around the inner elements since they are floated. I recommend to have a read about the properties float and clear it should make sense afterwards. Quote Link to comment Share on other sites More sharing options...
jdowen2211 Posted July 31, 2011 Author Share Posted July 31, 2011 Thanks for that, just what I wanted! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.