Avatar billede webrex Nybegynder
15. december 2013 - 15:46 Der er 17 kommentarer

Opsætning CSS og HTML

Hej alle

På denne side, som jeg har lavet for mange år siden, ligger baren med oversigtlinks ikke under den øverste bjælke i de nyere IE-versioner.

Er der nogen, der kan fortælle, hvad fejlen er, og hvordan den løses - gerne med et let indgreb/ændring i koden?

www.brh-advokater.dk

På forhånd tak.

Med venlig hilsen
Thomas
Avatar billede jokkejensen Novice
15. december 2013 - 17:37 #1
linie 22 i css;

#menu, #tdmenulinje {
        height: 19px;   
        width: 100%;
        background-color: #FBE6F2;   
    }

Du kan ikke sætte height på en række, men en celle.

vh
/J
Avatar billede webrex Nybegynder
15. december 2013 - 17:49 #2
Tak for det Jacob.

Jeg kan formentlig først kontrollere dit svar næste weekend. Ud over at du (formentlig) har identificeret fejlen, har du så et løsningsforslag, som vil sikre at bjælken lægger sig lige under øverste røde sidehoved, men sådan at det øvrige på siden ikke ændres, herunder at menulinjens højde ikke ændres?

For jeg tror jeg har sat højden på for netop at få en fast højde på menulinjen.

Med Venlig hilsen
Thomas
Avatar billede jokkejensen Novice
15. december 2013 - 17:54 #3
Ovenstående skulle gerne hjælpe.. der er bare tilføjet til selectoren. Så den også sætter cellen til 19px højt.

I værste fald;

#menu, #menu td, #menu table {
        height: 19px;   
        width: 100%;
        background-color: #FBE6F2;   
    }
Avatar billede jokkejensen Novice
15. december 2013 - 18:04 #4
Prøv lige at smide det her i general.css, og skynd dig at teste i de forskellige browsere.

Vh
/J   


html, body {
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
    }
/* Grundstruktur */

    #side {
        height: 100%;
        width: 100%;
    }   
    #top {
        height: 15%;
        width: 100%;
        background-color: #BC0929;
    }
    #indhold {
        height: 75%;
        width: 100%;
                vertical-align:top;
    }
    #menu, #menu td {
        height: 19px;   
        width: 100%;
        background-color: #FBE6F2;   
    }
    #content {
        height: 81%;
        width: 100%;
    }
    #indtab{
       
        width: 100%;
        border: 0px solid #BC0929;
    }
    #bottom {
        height: 10%;
        width: 100%;
        background-color: #BC0929;
        text-align: center;
    }

/* Tabeller */

    #tablemenu {
        height: 100%;
        width: 100%;
    }
    #tdmenulinje {
        border-bottom: 1px solid #BC0929;
    }
    .dato {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
    }

/* Links */
   
    a {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
    }
    a:hover {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
    }
    a.masterlink:hover {
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
        text-decoration: underline;
    }
    a.masterlink {
        text-decoration: none;
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
    }

/* Bottom */

    span.adlogobottom {
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
    }
Avatar billede webrex Nybegynder
15. december 2013 - 18:05 #5
Tak. Jeg kontrollerer og vender tilbage. God aften.
Avatar billede webrex Nybegynder
22. december 2013 - 15:25 #6
Hej Jokke

Dit forslag virker ikke helt. Sidens main-indhold lægger sig i top-højre hjørne i det hvide område, og menulinjens indhold (links) lægger sig i højre side i menulinjen.

Jeg kan rette med det samme nu, hvis du er på?

Med venlig hilsen
Thomas
Avatar billede jokkejensen Novice
22. december 2013 - 15:49 #7
Kan du sende FTP oplysninger gnm PM, så fikser jeg og smider svaret her.
Avatar billede webrex Nybegynder
22. december 2013 - 15:53 #8
Jokke, jeg kan ikke uden tilladelse sende FTP-login, desværre, kan vi ikke klare det på anden måde? Jeg kan sende dig alle filoplysninger i en e-mail, så kan du selv uploade det til en server, hvis du har en?
Avatar billede jokkejensen Novice
22. december 2013 - 15:57 #9
Så meget tid har jeg desværre ikke :/.. Så skal det løses med regning ~ 1 time
Avatar billede webrex Nybegynder
22. december 2013 - 16:00 #10
OK, fair nok. Det var også kun, hvis det kunne løses relativt hurtigt .... men en enkel ændring.
Avatar billede webrex Nybegynder
22. december 2013 - 16:02 #11
*med
Avatar billede webrex Nybegynder
22. december 2013 - 16:02 #12
Vil du have halvdelen af pointene for at forsøge?
Avatar billede jokkejensen Novice
22. december 2013 - 16:10 #13
Nej dem napper du bare, husk at skrive løsningen så andre kan have glæde af den..

Go jul.
Avatar billede webrex Nybegynder
22. december 2013 - 19:42 #14
Jeg ender p.t. på denne kode.


html, body {
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
    }
/* Grundstruktur */

    #side {
        height: 100%;
        width: 100%;
    }   
    #top {
        height: 15%;
        width: 100%;
        background-color: #BC0929;
    }
    #indhold {
        height: 75%;
        width: 100%;
        background-color: blue;
        vertical-align: top;
    }
    #menu {
        height: 19px;   
        width: 100%;
        background-color: #FBE6F2;
    }
    #content {
        height: 81%;
        width: 100%;
        background-color: yellow;
    }
    #indtab{
        width: 100%;
        border: 0px solid #BC0929;
    }
    #bottom {
        height: 10%;
        width: 100%;
        background-color: #BC0929;
        text-align: center;
    }

/* Tabeller */

    #tablemenu {
        height: 100%;
        width: 100%;
    }
    #tdmenulinje {
        border-bottom: 1px solid #BC0929;
    }
    .dato {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
    }

/* Links */
   
    a {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: none;
        font-size: 11px;
    }
    a:hover {
        color: black;
        visited: black;
        font-family: arial;
        text-decoration: underline;
        font-size: 11px;
    }
    a.masterlink:hover {
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
        text-decoration: underline;
    }
    a.masterlink {
        text-decoration: none;
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
    }

/* Bottom */

    span.adlogobottom {
        font-size: 10px;
        font-family: arial;
        color: #E4E4E4;
    }

Men problemet er, at jeg ikke kan få #indtab (id på en tabel) til at fylde 100 % af den række/celle, som den ligger i. # menu og #content er id'er på to <tr> (rækker), som altså ligger i #indtab-tabellen.

God jul og tak for hjælpen.
Avatar billede webrex Nybegynder
22. december 2013 - 19:43 #15
Ved koden som netop er postet sidder hovedindholdet ikke centreret vertikalt på siden. Det er problemet.
Avatar billede webrex Nybegynder
22. december 2013 - 19:53 #16
Hvis man har Google crome kan man se hvordan det skal se ud på alle sider undtagen forsiden.


Med venlig hilsen
Thomas
Avatar billede webrex Nybegynder
23. december 2013 - 01:08 #17
Hej Jokke

Smid et svar, så får du halvdelen af pointene for din tid og hjælp.

Med venlig hilsen
Thomas
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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