Avatar billede tjay8 Nybegynder
07. maj 2007 - 18:37 Der er 6 kommentarer og
1 løsning

virker fint i IE men ikke i Fx

Mit problemer at jeg altid kun har arbejdet med IE og det irriterer mig så nu vil jeg gerne ha det her til at virke med firefox også.
problemet er at hele siden skal centreres og de to nederste div elementer må ikke overlappe hinanden som de eller gør med firefox.
adressen er www.livsterapeut.dk så kan i lige se det selv hvad jeg mener. Min kode ser nok lidt mærkelig ud og det er som sagt fordi jeg altid har arbejdet med IE så jeg er vant til bare at få det til at virke og ikke se rigtigt ud. Her er et udsnit af en af siderne.

<div align="center">
<!-- INDHOLD --->
<div class="indhold">
<!-- UNDERMENU --->   
<div class="undermenu"><a href="fodterapi.html"><img border="0px" src="grafik/underft.gif" onmouseover="src='grafik/underftover.gif'" onmouseout="src='grafik/underft.gif'"></a><br>
<a href="fodterapipriser.html"><img border="0px" src="grafik/priser.gif" onmouseover="src='grafik/priserover.gif'" onmouseout="src='grafik/priser.gif'"></a><br>
<a href="fodterapilinks.html"><img border="0px" src="grafik/links.gif" onmouseover="src='grafik/linksover.gif'" onmouseout="src='grafik/links.gif'"></a>
</div>
<!-- UNDERMENU SLUT --->   
<div class="tekst">
<span class="overoverskrift">Har du det godt med dine fødder?</span><br>
Var et spørgsmål jeg stillede fire danskere hver gang fik jeg svaret: "ja, <u>men</u>..."<br>
<br>
</div>
</div>
</div>

og css dokumentet

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    position: absolute;
    background:none;
    margin:0px;
    color:#000000;
    padding: 0px;
    }

.indhold {
    position: relative;
    top: 10px;
    left: 0px;
    width: 745px;
    height: 500px;
    text-align: left;

}

.undermenu {
    position: relative;
    top: 0px;
    left: 0px;
    width: 160px;
    margin-left: 1px;
    float: left;
    z-index: 1;
}
.tekst {
    position:relative;
    left:0px;
    width: 575px;
    padding-bottom: 30px;
    line-height: 16px;
    z-index: 2;
}
.overskrift {
    font-size: 12px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.overoverskrift {
    font-size: 15px;
    font-weight:bolder;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.underoverskrift {
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
Avatar billede mclemens Nybegynder
07. maj 2007 - 22:36 #1
css:


body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
        position:absolute;
    background:none;
    margin:0px;
    color:#000000;
    padding: 0px;
    }

->


body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;

    background:none;
    margin:0px;
    color:#000000;
    padding: 0px;
    }


...

.undermenu {
    position: relative;
    top: 0px;
    left: 0px;
    width: 160px;
    margin-left: 1px;
    float: left;
    z-index: 1;
}
.tekst {
    position:relative;
    left:0px;
    width: 575px;
    padding-bottom: 30px;
    line-height: 16px;
    z-index: 2;
}


->


.undermenu {
    width: 160px;
    float: left;
}
.tekst {float:right;
    width: 575px;
    padding-bottom: 30px;
    line-height: 16px;
}
Avatar billede mclemens Nybegynder
07. maj 2007 - 22:37 #2
Slet også lige den
    background:none;
fra body.
Avatar billede mclemens Nybegynder
07. maj 2007 - 22:51 #3
Glemte også en kommentar - denne linje her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

tvinger p.t. IE i quirks mode så den ikke
overholder css ordentligt - skift til denne her:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede tjay8 Nybegynder
09. maj 2007 - 09:41 #4
det ser super ud tak for hjælpen jeg har dog en lille request nu står det fint nok i firefox men hele siden hopper når jeg går fra en side uden scroll til en med, nogle ideer? jeg ku nselvfølgelig sætte overflow i body til scroll men så får jeg den også i bunden og det ville jeg helst være fri for men ja nogle ideer ud over det?
Avatar billede mclemens Nybegynder
09. maj 2007 - 09:48 #5
html {overflow-y:scroll;}
Og tak for point :)
Avatar billede mclemens Nybegynder
09. maj 2007 - 09:49 #6
... Husk at fjerne din body overflow
Avatar billede tjay8 Nybegynder
09. maj 2007 - 09:50 #7
takker
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