SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    positioning off in IE9

    Hello,
    I am having a problem with positioning of the headlines and logo of my site (http://bidsservice.com)

    in chrome/safari/FF it looks fine but in IE9 the elements are not in line as they should be. one is below the other.
    I have no idea how to fix this without affecting chrome/safari/ff.

    its a wordpress site. this section of content is a text widget.

    any advice?

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Add this to your css.
    Code:
    .textwidget td{vertical-align:top}

  3. #3
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i fixed it. I put the left text in a div, floating left, i made the phone number part of the image and floated that right.

  4. #4
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i will try your solution as well. maybe it will save me time on my other three sites that have this issue.

  5. #5
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the css fix did nothing. i will go with my div float idea. Thanks for your help.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by tim@getdim View Post
    the css fix did nothing. i will go with my div float idea. Thanks for your help.
    Glad you sorted it but my solution did work locally as I still have it right in front of me now working with the css I added (added via css terminal).

    Never mind though as you seem to have it working in IE ok now but you might want to correct a typo

    Code:
    <dive style="float: left;">
    <h1 align="center"><span>S</span>ales, Service, PARTS MEGA-STORE <br>
    For All Major Brands Including<br>
    Toro, Homelite, Stihl And Many More</h1>
    <p></p>
    <h2 align="center" class="head2new">Durable Lawn Mowers, Snow Blowers And Handhelds<br>
    Plus Your Largest Selection Of In Store Parts In Michigan</h2>
    <p></p>
    <p align="center" class="txt1">
                              Hours: Mon &ndash; Fri 9am-6pm and Sat 9am-3pm</p>
    </dive>
    
    I've never seen a dive tag before but I'm ready to take the plunge


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •