Avatar billede crabber Nybegynder
03. juli 2007 - 09:35 Der er 11 kommentarer og
1 løsning

CSS problem i IE6?

Jeg har et design som virker fint i IE7 og Firefox 2.0, men i IE6 fucker den det helt op.

Jeg har tage selve css opbygningen fra en hjemmeside http://www.cssplay.co.uk/layouts/fixit.html.

Der har de fået designet til at kører i stort set alle slags browsere men når jeg så sætte koden ind i mit og selvfølgelig tilpasser det uden at fjerne noget css kode og bruge samme doc type. Ja så kanjeg ikke få den til at opfører sig som den side.

Et af mit største problemer er at man i css body taget fjerner scrollbaren i vinduet og det vil den ikke rigtigt gøre uden at jeg har sat enten
<!-- Put IE into quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
som fucker resten af designet op
eller
sætter en scroll="no" i body taget som iøvrigt ikke lever på til en standard for hvad man må sætte i body.

Jeg har også forsøgt at sætte følgende xml kode ind
<?xml version="1.0" encoding="ISO-8859-1"?>
Den skulle efter signe også gøre noget godt, men så vil siden slet ikke blive vidst på min webhotel og jeg kan ikke se nogen forskel på min egen lokalt.

Jeg har virkelig brug for noget hjælp. Håber der sidder en venlig sjæl som kan hjælpe mig med løse dette problem.

Hjemmesiden hedder ny.enotech.dk
Avatar billede olebole Juniormester
03. juli 2007 - 09:52 #1
<ole>

Hvad somhelst, du skriver før linjen:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

- vil disable de vigtigste dele af CSS i IE6. Du må hverken skrive en HTML-kommentar eller XML-deklarationen: <?xml version="1.0" encoding="ISO-8859-1"?>
Begge dele sætter IE i quirks mode, hvilket gør, den ikke overholder CSS.

Om du skriver XHTML1.0 eller HTML4.01 gør ikke den store forskel - bortset fra, du med HTML4.01 skriver en færdig og brugbar standard. Det er XHTML ikke og specielt ikke version 1.0. I øvrigt understøtter IE endnu ikke XHTML  =)

/mvh
</bole>
Avatar billede crabber Nybegynder
03. juli 2007 - 10:17 #2
Nu har jeg prøve at sætte <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Ind istedet for, og ja så opfører siden sig som jeg vil have i IE7, men stadig ikke i IE6 og scrollbaren er stadig væk ikke hidden.
Avatar billede crabber Nybegynder
03. juli 2007 - 10:53 #3
Her er link til CSS filen
http://ny.enotech.dk/style/global.cs
Avatar billede crabber Nybegynder
03. juli 2007 - 10:53 #4
Avatar billede sibbelone Nybegynder
03. juli 2007 - 11:06 #5
har du et link til siden
Avatar billede sibbelone Nybegynder
03. juli 2007 - 11:07 #6
undskyld har fundet det
Avatar billede crabber Nybegynder
03. juli 2007 - 11:53 #7
Jeg har ny statet forfra og er igang med min menu og den driller.
Jeg kan ikke få det til at tilpasse sig som jeg ønsker, men resten af designet ser rigigt ud ind til videre
Avatar billede olebole Juniormester
03. juli 2007 - 15:05 #8
crabber >> med hensyn til din kommentar (03/07-2007 10:17:14), så er det linjen:
    <!-- Put IE into quirks mode -->

- der får det til at kokse i IE6. Måske, det også var værd at overveje at vente med XHTML, til det er en brugbar standard  =)
Avatar billede crabber Nybegynder
04. juli 2007 - 09:58 #9
Jeg skal bruge noget hjælp til min menu nu for den fucker helt op nu. Jeg prøvede som sagt at starte forfra, og det over ordnede design gør som det skal men min nenu og inholdet på siderne fucker helt op. Bla. skal alt indholde være centreret på siden og det vil ikke lave sig gøre i IE.

Du skrive at den kommentar jeg har brug skulle lave lort i den og det kan jeg godt se den gør, men kan du så fortælle mig hvordan det kan være at http://www.cssplay.co.uk/layouts/fixit.html den siden jeg har fundet css koden på, kan få det til at virke fint?
Avatar billede crabber Nybegynder
04. juli 2007 - 12:25 #10
Ja nu er jeg komme så langrt at det meste virke... Jeg har stadig nogle problemer med menu. Jeg har tre rækker i menu. som skal sidde helt tæt op at hinanden. Jeg har sat en margin:0; på denne alle men alligevel laver den mellemrum...

KODEN:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
<div id="header">
    <div id="menu_wrapper">
        <img id="rod_bg_top" src="images/menu/rod_top.gif" />
            <div id="menu">
                <ul id="list">
                <li><img src="images/menu/logo.jpg" alt="" /></li>
                <li><img src="images/menu/mellem_strej.jpg" alt="" /></li>
                <li><a href="index.php?side=forside" class="menu_link"><img src="images/menu/hjem.jpg" alt="Hjem" /></a></li>
                <li><img src="images/menu/mellem_strej.jpg" alt="" /></li>
                <li><a href="index.php?side=bygauto" class="menu_link"><img src="images/menu/byg_auto.jpg" alt="Bygning Automatik" /></a></li>
                <li><img src="images/menu/mellem_strej.jpg" alt="" /></li>
   
                <li><a href="index.php?side=info" class="menu_link"><img src="images/menu/info.jpg" alt="Infomation" /></a></li>
                <li><img src="images/menu/mellem_strej.jpg" alt="" /></li>
                <li><a href="index.php?side=brochure" class="menu_link"><img src="images/menu/brochure.jpg" alt="Brochure" /></a></li>
                <li><img src="images/menu/mellem_strej.jpg" alt="" /></li>
                </ul>
            </div>
        <img id="rod_bg_bund" src="images/menu/rod_bund.gif" />
        <div id="dato_bund_div">
            <img id="conor" src="images/menu/conor.gif" alt="" />
            <div id="dato">
            <?php
            //Datoen paa siden!
            setlocale(LC_ALL, 'danish') ;
            echo ucfirst(strftime('%A, %d. '));
            echo ucfirst(strftime('%B %Y'));
            ?>
            </div>
          </div>
    </div>
</div>


CSS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
@charset "utf-8";
/* Menu */
div#menu_wrapper{
    height:105px;
    padding:0;
}
img#rod_bg_top{
    width:100%;
    height:7px;
    margin:0 0 0 0;
}
img#rod_bg_bund{
    width:100%;
    height:7px;
    margin:0 0 0 0;
}
div#menu{
    background-image:url(../images/menu/baggrund.jpg);
    background-repeat:repeat-x;
    margin:0 0 0 0;
    width:100%;
    padding:0 0 0 0;
}
ul#list{
    margin:0 0 0 0;
    padding:0 0 0 50px;
    height:60px;
    width:760px;
}
ul#list li{
    list-style:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:left;
}
a.menu_link img{
    margin:0 0 0 0;
    border:0;
}
a.menu_link{
    cursor:pointer;
    width:102px;
    height:60px;
    margin:0 0 0 0;
}
img#conor{
    margin:0;
    height:21px;
    width:23px;
}
div#dato_bund_div{
    margin-top:0;
    height:21px;
    float:right;
    width:40%;
    background-color:#cc3333;
}
div#dato{
    color:#FFFFFF;
    font-size:0.8em;
    display:block;
    position:absolute;
    margin-left:40px;
    top:83px;
}
KODEN SLUT::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Nogen som måske kan hitte ud af det?
Avatar billede crabber Nybegynder
05. juli 2007 - 08:34 #11
svar
Avatar billede windcape Praktikant
05. juli 2007 - 08:41 #12
dvs. du lukker dig eget spørgsmål, fordi du ikke kunne forstå svaret ? .. dumt
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester