Avatar billede moejensen Nybegynder
05. februar 2005 - 12:12 Der er 17 kommentarer og
1 løsning

problemer med kasse i buneden af css design (kun i NS)

Jeg har lavet nedenstående design, og det virker fint i IE, men i NS kan jeg ikke få den nederste kasse (copyright) tilat være i bunden på tvers af alle de andre kasser.¨

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

<head>
    <title><!-- Title --></title>c
    <style type="text/css">
        /* Layout */

        html, body {
            height: 100%;
            padding: 0px;
            margin: 0px;
            background-color: #eeeeee;
        }
       
        #container{
          position: absolute;
          left: 50%;
          width: 750px;
          margin-left: -375px;
          background-color: #ffffff;
          border-left: 2px solid #CC0000;
          border-right: 2px solid #CC0000;
        }
       
        #menu{
            height: 30px;
            width: 750px;
            margin-top: -4px;
            border-top: 5px solid #666666;
            background-repeat: repeat-x;
            background-image: url(menubg.gif)
        }
       
        #rightframe {
            float: right;
            width: 200px;
            padding-left: 10px;
            margin-right: -10px;
            background-repeat: repeat-y;
            background-image: url(umenubg2.gif)
        }
       
        #main {
            float: left;
            padding: 10px;
            width: 520px;
            word-spacing: 0.2em;
            font-size: 14px;
        }
       
        #copyright {
            position: relative;
            height: 15px;
            width: 750px;
            border-top: 2px solid #CC0000;
            border-bottom: 1px solid CC0000;
        }
    </style>
</head>

<body>
    <!-- container -->
    <div id="container">       
        <!-- Topbillede -->
        <div id="top_picture">
            <img src="top.jpg" width="750" height="150" />
        </div>
       
        <!-- Menu -->
        <div id="menu">
            <!-- Menu_top -->
        </div>
       
        <!-- righeframe -->
        <div id="rightframe">
            <b>Nyheder</b><br><br>
        </div>
       
        <!-- Main -->
        <div id="main">
            <!-- Content -->
        </div>
       
        <!-- Copyright -->
        <div id=copyright>
            Copyright 2005
        </div>

    </div>
</body>

</html>
Avatar billede roenving Novice
05. februar 2005 - 12:22 #1
Har du prøvet med ?-)

        #copyright {
            position: absolute;
            bottom:0px;
            height: 15px;
            width: 750px;
            border-top: 2px solid #CC0000;
            border-bottom: 1px solid CC0000;
        }
Avatar billede moejensen Nybegynder
05. februar 2005 - 12:31 #2
nu kommer den godt nok ind over alle kasserne, men den er ikke helt i bunden, og den nederste border forsvinder.
Avatar billede roenving Novice
05. februar 2005 - 12:32 #3
bottom:1px; måske ?-)
Avatar billede moejensen Nybegynder
05. februar 2005 - 12:41 #4
nu ser det ok ud i opera, men ikke i mozilla og ns, jeg troede egentligt ikke der var så stor forskel på de browseres måde at fortolke koden på, men det er der åbenbart.
Avatar billede roenving Novice
05. februar 2005 - 12:44 #5
Uff, lige omkring de her ting er der desværre uhyggelig stor forskel ...

-- har du iøvrigt en fuldt kvalificeret doctype inklusive dtd-link ?-)
Avatar billede moejensen Nybegynder
05. februar 2005 - 12:47 #6
med hensyn til doctype, så bruger jeg denne her:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

jeg har i forvejen to css scripts til IE og NS, men det kan være jeg skal lave et tredie til opera??

Hvis jeg skal have et tredie css ark til Opera, ved du så hvad jeg skal sætte ind her for at det virker:

if(document.all&&navigator.userAgent.indexOf('Opera')==-1)
  document.write('<link href="IE.css" rel="stylesheet" type="text/css">');
else
  document.write('<link href="NS.css" rel="stylesheet" type="text/css">');
Avatar billede roenving Novice
05. februar 2005 - 12:49 #7
if(document.all&&navigator.userAgent.indexOf('Opera')==-1)
  document.write('<link href="IE.css" rel="stylesheet" type="text/css">');
else if(document.all&&navigator.userAgent.indexOf('Opera')>-1)
  document.write('<link href="Opera.css" rel="stylesheet" type="text/css">');
else
  document.write('<link href="NS.css" rel="stylesheet" type="text/css">');
Avatar billede roenving Novice
05. februar 2005 - 12:52 #8
Mht. xhtml bør du iøvrigt kaste et blik på oleboles artikler om spørgsmålet, de har såvidt jeg husker numrene 537 og 538 !-)

http://www.eksperten.dk/artikler/537 og 538 ...
Avatar billede moejensen Nybegynder
05. februar 2005 - 13:33 #9
lækre artikler. Jeg har nu fået det til at virke i både IE, NS, Mozilla, Firefox og Opera, så er der vidst ingen der kan klage længere ;-)

Tak for hjælpen...husk at lav et svar
Avatar billede roenving Novice
05. februar 2005 - 13:35 #10
Velbekomme '-)
Avatar billede moejensen Nybegynder
05. februar 2005 - 13:42 #11
det var godt nok mystisk, den menu jeg bruger er en dropdown menu der er lavet i css, den har fint virkert i IE 6, men nu testede jeg den for sjovt lige i IE 5 og 5.5 og her virker det som om den har problener med padding. Plejer de ikke at fortolke css ens??
Avatar billede roenving Novice
05. februar 2005 - 13:46 #12
-- css-fortolkningen er forbedret ganske betydeligt i IE6, så det er måske det, du støder ind i ?-)

-- og tak for point ;~}
Avatar billede moejensen Nybegynder
05. februar 2005 - 14:06 #13
I den menu jeg bruger står der både

Width: 6em; og W\idth: 4em;

Hvad er det sidste
Avatar billede roenving Novice
05. februar 2005 - 14:19 #14
em betyder bogstav-højde !-)
Avatar billede moejensen Nybegynder
05. februar 2005 - 14:22 #15
sorry jeg mente hvad betyder W\idth
Avatar billede roenving Novice
05. februar 2005 - 14:27 #16
-- arh ...

Det ligner en tavetosse !-)
Avatar billede moejensen Nybegynder
05. februar 2005 - 14:33 #17
den er vidt god nok, det er vidst et snyd til en af browsertyperne, så vidt jeg husker, men kan ikke huske hvilken.
Avatar billede olebole Juniormester
05. februar 2005 - 20:30 #18
<ole>

Lige en enkelt ting: Hvis du skriver i XHTML, kan du ikke bruge 'document.write' uden at tvinge browseren til at bruge HTML-parseren (med alt, hvad det medfører) ... og det samme gælder i øvrigt 'document.all'

/mvh
</bole>
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