IE6 Styling Help

espfutbol98

espfutbol98

New Member
Messages
200
Reaction score
2
Points
0
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: 
<!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:
espfutbol98

espfutbol98

New Member
Messages
200
Reaction score
2
Points
0
HTML: 
                <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>
 
espfutbol98

espfutbol98

New Member
Messages
200
Reaction score
2
Points
0
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.
 
You must log in or register to reply here.
Top