Avatar billede cmau Nybegynder
02. december 2006 - 13:27 Der er 8 kommentarer og
1 løsning

Afstande hvordan får jeg dem væk?

Hejsa

Jeg har lavet et stort design (Synes jeg selv) koden er rimelig stor og indviklet at se på, så jeg har tage det vigtigste elementer til at vise jer.

Min simple kode ser således ud:
<body>
    <div id="page">
    <div id="menuleft">
            asdsadasdasdasdsadsd
        </div>
        <div id="menuright">
            asdsadasdasdasdsadsd
        </div>
        <div id="main">
        dsf sdf dsf
    </div>
    </div>
</body>


Hvortil jeg så har lidt css:
html, body {
    background-color: #FFA3A3;
    margin:10px 0 0 0;
    padding:0px;
    text-align:center;
}
#page {
    width: 984px;
    margin-left: auto;
    margin-right: auto;
}
#main {
    float: left;
    width: 655px;
    overflow:hidden;
    background-color: #CA0204;
}
#menuleft {
    background: url(images/menuleft.jpg) repeat-y;
    float: left;
    width:164px;
    font-size:11px;
    color: #fff;
    font-family: trebuchet ms;
    overflow:hidden;
}
#menuright {
    background: url(images/menuright.jpg) repeat-y;
    float: right;
    width:164px;
    font-size:11px;
    color: #fff;
    font-family: trebuchet ms;
    overflow:hidden;
}

Det skaber så disse:
IE http://img81.imageshack.us/my.php?image=inexploteredja7.jpg
FF http://img81.imageshack.us/my.php?image=firefoxasdmn7.jpg
Avatar billede cmau Nybegynder
02. december 2006 - 13:28 #1
Ligeledes vil jeg gerne have begge menuen til at gå til bunden af designet, altås være ligeså lange som main.
Avatar billede zynzz Praktikant
02. december 2006 - 15:33 #2
Har du prøvet at sætte nogle højder på?

height:164px; fx.
Avatar billede zynzz Praktikant
02. december 2006 - 15:36 #3
Hvis det ikke hjælper kan du prøve at smide i toppen af dit html dokument:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Avatar billede cmau Nybegynder
03. december 2006 - 10:13 #4
Højder på hvilke
Avatar billede olebole Juniormester
04. december 2006 - 13:24 #5
<ole>

zynzz >> Den DTD, du viser, disabler CSS i IE6, så det vil nok være en rigtig skidt idé at bruge den  ;o)

cmau >> prøv i stedet en af disse:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

- så kan du også bruge CSS i IE. Derudover bør du nok uploade siden istedet for. Billeder siger ikke meget  =)

/mvh
</bole>
Avatar billede cmau Nybegynder
04. december 2006 - 13:54 #6
Olebole, har jeg har fået det til at virke nogenlunde nu, nu mangler jeg så bare at begge menuer + indhold er lige lang, altså følger siden til bunden. Siden er lagt op på www.woox.dk
Avatar billede cmau Nybegynder
04. december 2006 - 13:58 #7
Har sat en baggrund på, men den virker ikke i FF
Avatar billede zynzz Praktikant
04. december 2006 - 18:02 #8
olebole, min fejl..
Avatar billede cmau Nybegynder
08. december 2006 - 15:25 #9
Fik det hele til at virke.
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