+ Reply to Thread
Results 1 to 4 of 4

Thread: IE6 Styling Help

  1. #1
    espfutbol98's Avatar
    espfutbol98 is offline x10 Sophmore espfutbol98 is an unknown quantity at this point
    Join Date
    Apr 2009
    Location
    Zagreb... želim
    Posts
    200

    IE6 Styling Help

    My site (https://podaci.co.uk/) is terrible in IE6. The logo looks wired, probably because it is a png while the original was a gif. Also, the right bar (where the login button is) is cut off sometimes. Yet another thing: some things should have some spacing (especially in the downloads). This source code originated from www.vlada.hr and is basically what it should look like. My source it basically everything minus the stuff I didn't want; there are also only minor changes to the original css.

    The page looks like it should in Firefox and IE7+. If somebody would help me out with this, I would be extremely grateful. It just ruins my day when I see the site that I have spent soooo much time working on get butchered by IE.
    Edit:
    This is the page source:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hr-HR" lang="hr-HR">
    <head>
    <style type="text/css">
        @import url("https://podaci.co.uk/design/style/core.css");
        @import url("https://podaci.co.uk/design/style/site.css");
        @import url("https://podaci.co.uk/design/style/classes.css");
        //
        @import url("https://podaci.co.uk/design/style/boje.css");
        @import url("https://podaci.co.uk/design/style/debug.css");
        @import url("https://podaci.co.uk/design/style/lightbox.css");
        @import url("https://podaci.co.uk/design/style/scroller.css");
        @import url("https://podaci.co.uk/design/style/sweetTitles.css");
        @import url("https://podaci.co.uk/design/style/tabber.css");
    </style>
    <style type="text/css" media="print">
        @import url("https://podaci.co.uk/design/style/print.css");
    </style>
    <!--[if lt IE 6.0]>
    <style>
    div#maincontent-design { width: 100%; } /* This is needed to avoid width bug in IE 5.5 */
    </style>
    <![endif]-->
    <!--[if IE 7]>
    <style>
    @import url("https://podaci.co.uk/design/style/ie7fix.css");
    </style>
    <![endif]-->              
         <title>Croatian Materials | Podaci.Co.Uk</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <meta http-equiv="Content-language" content="hr-HR" />
         <meta http-equiv="Pragma" content="no-cache">
         <meta http-equiv="Expires" content="-1">
         <meta name="robots" content="noindex, nofollow, noarchive">
         <link rel="Shortcut icon" href="https://podaci.co.uk/design/style/favicon.ico" type="image/x-icon" />
       <script type="text/javascript" src="https://podaci.co.uk/design/style/ezjsselection.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/ezpopupmenu.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/helper.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/hrv.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/ezjsselection.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/lightbox.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/prototype.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/scriptaculous.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/scroller.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/sweetTitles.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/tabber.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/ufo.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/vlada.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/vlada_new.js"></script>
       <script type="text/javascript" src="https://podaci.co.uk/design/style/addEvent.js"></script>
    </head>
    <body>      
    <div id="allcontent" class="sidemenu  current_node_id_0">
        <div id="allheader">
            <div id="alltopmenu" class="float-break">
                <div id="alltopmenu-design">
                    <div id="topmenu2">
                                        <div class="break">
                        </div>
                    </div>
                        <div id="topmenu1">
                                            <div class="break">
                            </div>
                        </div>
                </div>
            </div>
        <div id="allheader-design">
            <div id="topcontent">
                <div id="header">
                    <div id="header-design">
                        <div id="header-logo">
                            <h1><a href="/">Podaci.Co.Uk</a></h1>
                            <div class="print"><img src="https://podaci.co.uk/design/style/print_logo.gif" width="203" alt="logo" /></div>
                        </div>
                    <div id="header-info-userbox">                          
                                <div class="header-userbox">
                                    <div class="header-userbox-left object-left">
                                        <div class="block">
                                            <h3>Welcome, You</h3>
                                        </div>
                                    <div class="block">
                                        <ul>
                                            <li><a class="vise_2"  href="moj_račun">My Account Information</a></li>
                                        </ul>
                                    </div>
                                </div>
                            <div class="header-userbox-right object-right">
                                <input class="button" name="" value="Logout" tabindex="1" onClick='window.location="logout?redirect=2f6872766174736b69&name=6d61736f6e";' type="submit">
                            </div>
                            <div class="break"></div>
                            </div>
                        </div>            <div id="header-search">
                    <h3>SEARCH</h3>
                    <!--p>Upute!</p-->
                    <form action="http://www.google.hr/search" name="f">
                    <input id="st1" class="inputtext" type="text" size="10" name="q" value="" />
                    <input type="submit" class="button" value="Search" />
                                    <p class="napredno"><a class="vise_2" href="http://www.google.hr/advanced_search?hl=hr">advanced search</a></p>
                    </form>            
                </div>
            </div>
        </div>
            <div class="break"></div>
    </div>
    <hr class="hide" />
        <div id="topmenu">
            <div id="topmenu-design">
                <h3 class="hide">Glavni izbornik</h3>
                    <ul>
    <li ><div class="spacing"><a href="naslovnica">Home</a></div></li>
            <li ><div class="spacing"><a href="projekti">Projects</a></div></li>
            <li ><div class="spacing"><a href="glazba">Music</a></div></li>
            <li class="selected"><div class="spacing"><a href="jezik">Language Materials</a></div></li>
            <li ><div class="spacing"><a href="preuzimanja">Downloads</a></div></li>
            <li ><div class="spacing"><a href="kutak_za_korisnike">User Area</a></div></li>
            <li class="last "><div class="spacing"><a href="linkovi">Links</a></div></li>                </ul>
                <div class="break"></div>
                </div>
            </div>
        </div>
        </div>
        <div id="columns">
        <div id="submenu">
            <div id="submenu-design">
                <h3 class="hide">Podizbornik</h3>
                <ul>
            <li class="first selected"><div class="spacing"><a href="hrvatski">Croatian</a></div></li>
                          <li class=" "><div class="spacing"><a href="korejski">Korean</a></div></li>            </ul>
                 <div class="break"></div>
            </div>
        </div>
        <hr class="hide" />
        <div id="path">
            <div id="path-design">
            </div>
        </div>
        <hr class="hide" />
        <div id="korisnicke_postavke" class="float-break">
        </div>
            <div id="rightmenu" >
                <div id="rightmenu-design">                                        
                    <h3 class="hide">Right menu</h3>
                    <div id="toolbar-right">
                        <div class="toolbar-design">                
                        </div>
                    </div>
                </div>
            </div>
            <hr class="hide" />
            <div id="maincontent" class="sidemenu float-break">
                <div id="fix">
    Last edited by espfutbol98; 08-31-2009 at 08:42 PM. Reason: Automerged Doublepost

  2. #2
    espfutbol98's Avatar
    espfutbol98 is offline x10 Sophmore espfutbol98 is an unknown quantity at this point
    Join Date
    Apr 2009
    Location
    Zagreb... želim
    Posts
    200

    Re: IE6 Styling Help

    HTML Code:
                    <div id="maincontent-design">
                        <div class="maincontentheader">
    <h1>Croatian Language Materials</h1></div><div class="content-view-children">                                                                                    
    <div class="content-view-line float-break to_col_2">
    <div class="class-file">
                   <div class="attribute-image">
            <p><img src="https://podaci.co.uk/design/style/zip.gif"></p>
        </div>
        <div class="in2">
        <div class="floater">
            <div class="attribute-details float-break">
            <ul>
            <li class="first">ZIP</li>
            <li>42.3 MB</li>
            <li class="last">11. august 2009. </li>
            </ul>
            </div>
            <div class="inline-right">
                <a href="" class="gumb spremi"><span>Download</span></a>
            </div>
            <div class="attribute-title">
            <h2><a>Berlitz Croatian Phrasebook Audio CD</a></h2>
            </div>    
            <div class="attribute-attach-with">
            <span>Grouped with:</span><a href="">Languages</a>
            </div>
        </div>
        </div>
        </div>
        
        <br />
        <div class="class-file">
                   <div class="attribute-image">
            <p><img src="https://podaci.co.uk/design/style/pdf.png"></p>
        </div>
        <div class="in2">
        <div class="floater">
            <div class="attribute-details float-break">
            <ul>
            <li class="first">PDF</li>
            <li>10.6 MB</li>
            <li class="last">11. august 2009. </li>
            </ul>
            </div>
            <div class="inline-right">
                <a href="BCS_Textbook.pdf" class="gumb spremi"><span>Download</span></a>
            </div>
            <div class="attribute-title">
            <h2><a>BCS Textbook</a></h2>
            </div>    
            <div class="attribute-attach-with">
            <span>Grouped with:</span><a href="jezik">Languages</a>
            </div>
        </div>
        </div>
        </div>
        
            <br />
        <div class="class-file">
                   <div class="attribute-image">
            <p><img src="https://podaci.co.uk/design/style/pdf.png"></p>
        </div>
        <div class="in2">
        <div class="floater">
            <div class="attribute-details float-break">
            <ul>
            <li class="first">PDF</li>
            <li>15.5 MB</li>
            <li class="last">11. august 2009. </li>
            </ul>
            </div>
            <div class="inline-right">
                <a href="" class="gumb spremi"><span>Download</span></a>
            </div>
            <div class="attribute-title">
            <h2><a>BCS Grammar Study</a></h2>
            </div>    
            <div class="attribute-attach-with">
            <span>Grouped with:</span><a href="">Languages</a>
            </div>
        </div>
        </div>
        </div>
        
        <br />
        <div class="class-file">
                   <div class="attribute-image">
            <p><img src="https://podaci.co.uk/design/style/pdf.png"></p>
        </div>
        <div class="in2">
        <div class="floater">
            <div class="attribute-details float-break">
            <ul>
            <li class="first">PDF</li>
            <li>403 KB</li>
            <li class="last">11. august 2009. </li>
            </ul>
            </div>
            <div class="inline-right">
                <a href="" class="gumb spremi"><span>Download</span></a>
            </div>
            <div class="attribute-title">
            <h2><a>Gramatika Hrvatski - Croatian Grammar Review</a></h2>
            </div>    
            <div class="attribute-attach-with">
            <span>Grouped with:</span><a href="">Languages</a>
            </div>
        </div>
        </div>
        <br />
    </div>
                    <div class="break"></div>
                </div>
            </div>
            <div class="break"></div>
        </div>
         <div class="break"></div>
    </div><div id="footer">
        <div id="footer-design">
        <div class="head">
            <div class="d1">
                <div class="in"><a href="#allcontent" class="top">Top of page</a></div>
            </div>
                        </div>
        <div class="body">
            <div class="body-in float-break">
        <div class="footer float-break">
        <p style="text-align: center;">Copyright &copy; 2009  Podaci Inc.</p>
            </div>
        </div>
        </div>
    </div>
    </body>
    </html>

  3. #3
    lhyman's Avatar
    lhyman is offline x10 Sophmore lhyman is an unknown quantity at this point
    Join Date
    Jun 2009
    Posts
    198

    Re: IE6 Styling Help

    My Name is Larry Hyman from Montreal. I fix computers on site, see my web site for more details:

    http://hyman.sytes.net

  4. #4
    espfutbol98's Avatar
    espfutbol98 is offline x10 Sophmore espfutbol98 is an unknown quantity at this point
    Join Date
    Apr 2009
    Location
    Zagreb... želim
    Posts
    200

    Re: IE6 Styling Help

    Okay so basically I need to have an IE6 fix stylesheet? I got the source (like I said) from vlada.hr and they don't really have any HTML or CSS different from me but their site is perfect in all browsers. How is that possible? Maybe I forgot a </div> on a stylesheet or something.

+ Reply to Thread

Similar Threads

  1. beginners guide to .css styling
    By freecrm in forum Tutorials
    Replies: 11
    Last Post: 05-24-2009, 01:39 PM
  2. Need a free domain?
    By sinogap in forum Ads & Offers
    Replies: 11
    Last Post: 10-28-2008, 02:57 PM
  3. Who likes the New Google Chrome
    By Mindbleed in forum Crossfire
    Replies: 16
    Last Post: 09-04-2008, 06:43 PM
  4. PHP contact form styling (line spacing)
    By xxll_martin_llxx in forum Programming Help
    Replies: 3
    Last Post: 07-24-2008, 10:09 AM
  5. New Styling: 2K8 Group
    By 2K8 Group in forum Review My Site
    Replies: 2
    Last Post: 06-05-2008, 02:31 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers