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> Link to comment https://forums.phpfreaks.com/topic/243385-how-to-align-this-to-the-top/ 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. Link to comment https://forums.phpfreaks.com/topic/243385-how-to-align-this-to-the-top/#findComment-1249866 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! Link to comment https://forums.phpfreaks.com/topic/243385-how-to-align-this-to-the-top/#findComment-1249873 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.