SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)

    Need my css adjusted to fit otehr browsers...

    I have it working perfectly in Firefox(obviously) but my page doesnt show up right in IE and probably a few other browsers... Could you help me out to make it browser compatable with the others? Use Firefox to view my site as it should look...

    http://www.phimagroup.com/tempsite

  2. #2
    SitePoint Zealot shock's Avatar
    Join Date
    Jan 2001
    Location
    FL, USA
    Posts
    188
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i looked at it in IE and firefox, (do i sense a bit of twothirty inspiration? ) and after a very quick glance at the stylesheet it seems like you just need to edit the margin(s) for the content in the middle.
    ~%$-shock-$%~

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,872
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    Its not your margins its the position:relative in your innerwrap that is making ie take its position from the padding set on that element.

    Remove the position:relative from innerwrap and then ie will take its position from #wrap which is outside the padding.
    Code:
    #innerwrap {padding: 225px 30px 30px 30px; border:1px solid #000; }
    This will make no difference to mozilla as it already takes its postion outside the padding.

    Paul

  4. #4
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    twothirty? im guessing its a site I look close to, whats the url?

    ok, I'll try changing that and post back...

  5. #5
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    ok, worked, but for some reason, most of my cells were thrown off by a pixel to the left and down. Just moved everything to left: 1px and so on.... Is there some reason why position relative messes with IE?

  6. #6
    SitePoint Zealot shock's Avatar
    Join Date
    Jan 2001
    Location
    FL, USA
    Posts
    188
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by K. Wolfe
    twothirty? im guessing its a site I look close to, whats the url?

    ok, I'll try changing that and post back...
    http://www.twothirty.com/

    but that's okay, your site is blue so no harm done.
    ~%$-shock-$%~

  7. #7
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    whoa, thats cool, haha. I havent even seen the site before but my header is almost exactly the same... Pretty close concept too... But alot of it is going to change so... They wont resemble each other in a day or two...

    Wow, thats pretty cool coming that close to a design without ever seeing it... then finding it, haha

  8. #8
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    ACK! I got a new problem now.... Take a lookie at my new side bar in Firefox and then in IE... What needs to be done here?

  9. #9
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    I know that <p2> cant be interpreted by IE but what could I do to get a different type of text in its place?

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,872
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    What is <p2> ? It's not valid xhtml.

    Why don't you just use a class instead: .p2
    Code:
    <p class="p2">
    As far as i can see it does the same job.

    Also I assume you realise that by placing your left column absolutely you will have to make sure that the container its in is large enough to always contain it. Otherwise the text will just flow out of the container (in all browsers) as it does now in IE.

    If you are going to hard code it all the time then it doesn't matter but if you want it to be fluid then you will have to change the way your layout is done and float things instead of placing them absolutely etc.

    Paul

  11. #11
    Always A Novice bronze trophy
    K. Wolfe's Avatar
    Join Date
    Nov 2003
    Location
    Columbus, OH
    Posts
    2,089
    Mentioned
    55 Post(s)
    Tagged
    0 Thread(s)
    I know its not valid, I did that cuz I know that Firefox can understand it... I wasnt sure what to use in its place.... I'll try using that...


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
  •