SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Sep 2004
    Location
    USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Internet Explorer is not being nice

    I was viewing the homepage and noticed that in Internet Explorer everything is screwed up but in FireFox everything looks fine.

    Here is how everything displays for me.

    Internet Explorer Homepage

    FireFox Homepage

    My Internet Explorer version is 6
    My FireFox version is 1.0.4

    Does anyone else have the same issue with Internet Explorer? Also how to I go about fixing this?

    www.cool-teens.com

  2. #2
    SitePoint Zealot codescribbler's Avatar
    Join Date
    Nov 2004
    Location
    New York, NY
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you post the code?

    As for odd IE bugs....oh yeah. Welcome to Browserland.

  3. #3
    SitePoint Member
    Join Date
    Sep 2004
    Location
    USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay here is the code, keep in mind it's using vBulletin code also.

    PHP Code:
     $stylevar[htmldoctype]
    <
    html dir="$stylevar[textdirection]lang="$stylevar[languagecode]">
    <
    head>
    <
    title>Cool-teens.com Teen ForumsChat roomsJournalsGamesMusicStudentsAdvice and more.</title>
    $headinclude
    </head>
    <
    link rel="StyleSheet" type="text/css" href="style.css" />

    <![if !
    IE]>
    <
    style>
    .
    boxtitle {padding-bottom5px}
    </
    style>
    <![endif]>

    <!--[if 
    IE]>
    <
    style>
    .
    boxtitle {padding-top2px}
    </
    style>
    <![endif]-->

    </
    head>
    <
    body>

    <
    div align="center"><table width="756" border="0" cellpadding="0" cellspacing="0" summary="">
        <
    tr>
            <
    td colspan="2"><img src="images/header.gif" width="755" height="212" border="0" alt="Cool-Teens.com" /></td>
        </
    tr>
        <
    tr>
            <
    td colspan="2" id="linkbar"><div align="center"><a href="http://www.cool-teens.com/">Home</a> - <a href="http://www.cool-teens.com/chat.php">Chat</a> - <a href="http://www.cool-teens.com/forum/gallery/">Gallery</a> - <a href="http://www.cool-teens.com/forum/">Forum</a> - <a href="http://www.cool-teens.com/forum/arcade.php?">Arcade</a> - <a href="http://www.cool-teens.com/media.php?">Media Center</a> - <a href="http://www.cool-teens.com/forum/journal.php?">Journals</a> - <a href="http://www.cool-teens.com/forum/sendmessage.php?do=mailmember&amp;u=16936">Contact Us</a> - <a href="http://www.cool-teens.com/forum/usercp.php?">User CP</a>
            <
    br /><a href="http://www.cool-teens.com/forum/memberlist.php?">Members List</a> - <a href="http://www.cool-teens.com/forum/search.php?">Search Forum</a> - <a href="http://www.cool-teens.com/forum/subscriptions.php?">Gold Membership</a> - <a href="http://www.cool-teens.com/forum/main.php#">Meet The Leaders</a> - <a href="http://www.cool-teens.com/forum/showthread.php?t=28978">Guidelines</a></div></td>
        </
    tr>
        <
    tr>
            <
    td colspan="2"><img src="images/linkbarb.gif" width="755" height="8" border="0" alt="Linkbar bottom" /><br /><span style="font-size: 1px">&nbsp;</span></td>
        </
    tr>
        <
    tr>
            <
    td valign="top" id="columnone">
            <
    span style="font-size: 1px">
            
                <!-- 
    START COLUMN ONE CONTENT BOX -->
                <
    table width="202" border="0" cellpadding="0" cellspacing="0" summary="">
                    <
    tr>
                        <
    td class="box">
                        <
    span class="boxtitle">Contest</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                        </
    td>
                    </
    tr>
                    <
    tr>
                        <
    td class="boxbtm">
    <
    br>                    
    Poll: <a href="http://www.cool-teens.com/forum/showthread.php?t=38689"Round TRESdorkiest facial expression</aby <a href="http://www.cool-teens.com/forum/member.php?u=22201">Kelsey</a><br><br>
    <
    a href="http://www.cool-teens.com/forum/showthread.php?t=38689">Join The Contest</a
                        </
    td>
                    </
    tr>
                </
    table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                <!-- 
    END COLUMN ONE CONTENT BOX -->

    <!-- 
    START COLUMN ONE CONTENT BOX -->
                <
    table width="202" border="0" cellpadding="0" cellspacing="0" summary="">
                    <
    tr>
                        <
    td class="box">
                        <
    span class="boxtitle">Quizzes</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                        </
    td>
                    </
    tr>
                    <
    tr>
                        <
    td class="boxbtm">
    <
    br>    

    Test your knowledge with some of Cool-teen.com's Quizzes!            <br><br>
    <a href="http://www.cool-teens.com/forum/quiz.php?do=Take&id=2">The Simpsons</a> 
    <br>
    <a href="http://www.cool-teens.com/forum/quiz.php?do=Take&id=4">  charmed</a>

    <br><br>

    <a href="http://www.cool-teens.com/forum/quiz.php?do=SubmitQuiz">Submit Your Own Quiz</a>
                        </td>
                    </tr>
                </table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                <!-- END COLUMN ONE CONTENT BOX -->

            
                
            </span>    
            </td>
            
            <td valign="top" id="columntwo">
                <div align="right">
                <span style="font-size: 1px">
                
    <if condition="!$bbuserinfo['
    userid']">
    <!-- START COLUMN TWO CONTENT BOX -->
                        <table width="494" border="0" cellpadding="0" cellspacing="0" summary="">
                            <tr>
                                <td class="box2">
                                <span class="boxtitle">Hello Guest!</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                                </td>
                            </tr>
                            <tr>
                                <td class="boxbtm2">
        <br>                            
    Cool-teens.com member'
    s get lots of sweet thingsNot only can you join and win free stuffbut you can hang out with other teens that are just like youJoin right now and have the instant ability to chat with other teensfind other people online with simliar intereststake quizzespollsplay  games, and view articles all made for teensby teensIt takes less than a minute! <a href="http://www.cool-teens.com/forum/register.php?">Join now!</a>


                                </
    td>
                            </
    tr>
                        </
    table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                    <!-- 
    END COLUMN TWO CONTENT BOX -->
    </if>
                    <!-- 
    START COLUMN TWO CONTENT BOX -->
                        <
    table width="494" border="0" cellpadding="0" cellspacing="0" summary="">
                            <
    tr>
                                <
    td class="box2">
                                <
    span class="boxtitle">Welcome</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                                </
    td>
                            </
    tr>
                            <
    tr>
                                <
    td class="boxbtm2">
        <
    br>                            
    Cool-teens.com has become one of the most popular teen only sites onlineThere are many things you can do hereBrowse the links above and you're bound to find what you're looking for! Enjoy!


                                </
    td>
                            </
    tr>
                        </
    table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                    <!-- 
    END COLUMN TWO CONTENT BOX -->
    <!-- 
    START COLUMN CT News CONTENT BOX -->
                        <
    table width="494" border="0" cellpadding="0" cellspacing="0" summary="">
                            <
    tr>
                                <
    td class="box2">
                                <
    span class="boxtitle">Cool-teens.com News</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                                </
    td>
                            </
    tr>
                            <
    tr>
                                <
    td class="boxbtm2">
    <
    br>    
                                <
    a href="http://www.cool-teens.com/forum/showthread.php?t=38543">Quizzes are back</aby <a href="http://www.cool-teens.com/forum/member.php?u=16936">Marc</a> (Administrator)</i
    <
    br><br>

    Quizzes are back again! <img src="http://www.cool-teens.com/forum/images/smilies/happy.gif">
    <
    br>
    If 
    you have any questions on how it worksplease use the Feedback/Etc forum.

                                </
    td>
                            </
    tr>
                        </
    table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                    <!-- 
    END COLUMN CT News CONTENT BOX -->
    <!-- 
    START COLUMN CT News CONTENT BOX -->
                        <
    table width="494" border="0" cellpadding="0" cellspacing="0" summary="">
                            <
    tr>
                                <
    td class="box2">
                                <
    span class="boxtitle">From The Review Center</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                                </
    td>
                            </
    tr>
                            <
    tr>
                                <
    td class="boxbtm2">
    <
    br>    
    <
    a href="http://www.cool-teens.com/forum/showthread.php?t=38598">'Olu'olu's song "Cool"</a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=43435">Jordan</a>
    <br>
    <a href="http://www.cool-teens.com/forum/showthread.php?t=38539">delta force:xtreme </a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=53311">an_army_medic</a>
    <br>
    <a href="http://www.cool-teens.com/forum/showthread.php?t=38358">Lego Star Wars</a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=24201">DistantGloryFan</a>
    <br>
    <a href="http://www.cool-teens.com/forum/showthread.php?t=38428">battlefield </a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=53311">an_army_medic</a>
    <br>
                                <a href="http://www.cool-teens.com/forum/showthread.php?t=38085">God of War</a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=52836">MageofSpoons</a>

    <br>
    <a href="http://www.cool-teens.com/forum/showthread.php?t=38082">Mortal Kombat : Deception</a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=24201">DistantGloryFan</a>
    <br>
    <a href="http://www.cool-teens.com/forum/showthread.php?t=38026">Mercenaries</a> reviewed by <a href="http://www.cool-teens.com/forum/member.php?u=24201">DistantGloryFan</a>

                                </td>
                            </tr>
                        </table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                    <!-- END COLUMN CT News CONTENT BOX -->
    <!-- START COLUMN CT News CONTENT BOX -->
                        <table width="494" border="0" cellpadding="0" cellspacing="0" summary="">
                            <tr>
                                <td class="box2">
                                <span class="boxtitle">Get your chat on!</span><img src="images/titlehemi.gif" border="0" width="11" height="22" alt="" align="top" /><br />
                                </td>
                            </tr>
                            <tr>
                                <td class="boxbtm2">
    <br>    
                                Come get your chat on everyday! Chat about everything in the Cool-teens.com'
    s chatroomOur peak chatting hours are between 5-11pm eastern time
    <
    br>
    <
    a href="http://www.cool-teens.com/chat.php?">Join The Chat</a>

                                </
    td>
                            </
    tr>
                        </
    table><img src="images/spacer.gif" width="1" height="5" border="0" alt="" />
                    <!-- 
    END COLUMN CT News CONTENT BOX -->
                    
                </
    span>    
                </
    div>
            </
    td>
        </
    tr>
        <
    tr>
            <
    td colspan="2" id="copyright"><br /><div align="center">This site and all its contents are copyright Cool-Teens.com or their respective holders.<br />
                
    Copyright 2000 2005Jelsoft Enterprises Ltd.<br />
                
    Cool-teens.com Copyright 1997 2005. All rights reserved.<br />
                
    Cool-Teens.com layout by <a href="http://www.comitar.com">Comitar Media</a>.
                </
    td>
        </
    tr>
    </
    table></div>
    </
    body>
    </
    html

  4. #4
    SitePoint Member
    Join Date
    Sep 2004
    Location
    USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS code

    PHP Code:
    @charset "iso-8859-1";
    body {background-color#001f05; background-image: url(images/gradient.gif); background-repeat: repeat-x; margin-top: 0px}

    #linkbar {background-image: url(images/linkbar.gif); font-family:   Arial, Sans-Serif; font-size: 10pt; height: 32px; padding-left: 152px; padding-right: 84px}

    #columnone {padding-left: 25px}

    .box {background-imageurl(images/leftbxtop.gif); background-repeatno-repeatfont-family:     ArialSans-Seriffont-size10ptmargin-bottom: -20pxpadding-left5pxpadding-right5pxpadding-top8px}

    .
    boxtitle {background-imageurl(images/titleback.gif); color#ffffff; font-size: 10pt; font-weight: bold; height: 20px}

    .boxbtm {background-color#ffffff; background-image: url(images/leftbxbtm.gif); background-position: bottom; background-repeat: no-repeat; font-family:    Arial, Sans-Serif; font-size: 10pt; padding-bottom: 23px; padding-left: 5px; padding-right: 5px;}

    .box2 {background-imageurl(images/rightbxtop.gif); background-repeatno-repeatfont-family:     ArialSans-Seriffont-size10ptmargin-bottom: -20pxpadding-left5pxpadding-right5pxpadding-top8px}

    .
    boxbtm2 {background-color#ffffff; background-image: url(images/rightbxbtm.gif); background-position: bottom; background-repeat: no-repeat; font-family:    Arial, Sans-Serif; font-size: 10pt; padding-bottom: 23px; padding-left: 5px; padding-right: 5px;}

    #columntwo {padding-right: 30px}

    a:link {color#0000ff;}

    a:visited {color#0000ff;}

    a:active {color#00FF00;}

    a:hover {color#027502; text-decoration: underline}

    {text-decorationnone;}

    #copyright {font-family: Arial, Sans-Serif; font-size: 8pt; color: #12AD0E}

    /* End of style section. Generated by AceHTML at 5/30/2005 8:05:25 PM */ 

  5. #5
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I.E. never plays nice which is why I have chosen not to support it in favor of more standards-compliant browsers such Firefox and Opera.
    I will not flame the newbies,
    I will not flame the newbies,
    I will flame the newbies...
    Table free is the way to be!

  6. #6
    SitePoint Member
    Join Date
    Sep 2004
    Location
    USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Good old IE never has gone by web standards, always make up their own things.

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

    Add this code:
    Code:
    .box img,.boxtitle,.box2 img {float:left;}
    .boxbtm2 {text-align:left;}

    and then delete this code:
    Code:
    <![if !IE]>
    <style>
    .boxtitle {padding-bottom: 5px}
    </style>
    <![endif]>
    <!--[if IE]>
    <style>
    .boxtitle {padding-top: 2px}
    </style>
    <![endif]-->

  8. #8
    SitePoint Member
    Join Date
    Sep 2004
    Location
    USA
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That worked . Thanks Paul O'B.

    Marc


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
  •