WordPress.org

1. house2627
   Member
   Posted 4 months ago #

   The "Team" page of this website: Team Page looks really wrong in IE 8. It looks okay in compatibility mode. If you look at the code it's probably wrong, but I couldn't figure out a way to position the text right while floating the picture left [we didn't want the text wrapping around the picture. The page looks fine in all browsers except IE 8.

   If there is a more compatible way to code that page, please feel free to make me feel dumb!

   I am using WP 3.3.1 and a child theme of Twenty Eleven.

   Thanks in advance,

   D

2. songdogtech
   Member
   Posted 4 months ago #

   Try using CSS for 2 columns for each team bio. Adjust the widths of the columns for the narrower image and the wider text block. You might have to adjust the class of the image to get it to align within the column it's in:

   /* CSS for 2 columns */
   
   #container2for2 {
   	clear:left;
   	float:left;
   	width:100%;
   	overflow:hidden;
   }
   #container1for2 {
   	float:left;
   	width:100%;
   	position:relative;
   	right:50%;
   }
   #col1for2 {
   	float:left;
   	width:46%;
   	position:relative;
   	left:52%;
   	overflow:hidden;
   }
   #col2for2 {
   	float:left;
   	width:40%;
   	position:relative;
   	left:56%;
   	overflow:hidden;
   }
   
   HTML:
   
   <div id="container2for2">
   <div id="container1for2">
   <div id="col1for2">
   text or image
   </div>
   
   <div id="col2for2">
   text or image
   </div>
   </div>
   </div>

3. house2627
   Member
   Posted 4 months ago #

   SongdogTech,

   That doesn't appear to be working, any other ideas?

   Thanks

4. songdogtech
   Member
   Posted 4 months ago #

   That code works fine; I've used it on any number of sites. I don't see that html or css in your page source, so you don't have it in your site code and that's why it "doesn't work."

Reply

You must log in to post.