Designet halter i FF og lidt generelt

Problem 1 ses tydeligst i IE

Problem 1:

java script:tn=document.getElementsByTagName("h1")[0].style;tn.margin="0px";tn.padding="0px";void(0);

java script:tn=document.getElementById("td_text").getElementsByTagName("span")[0].style;tn.height="0px";tn.overflow="hidden";void(0);

^ Ind i adresselinje og enter...

... Hvis det hjælper så er det dit h1 tag du skal have stylet med css ...
- og/eller din første span i <td id='td_text'> du skal have
pillet/stylet lidt på eller slettet...



Problem 2:

java script:alert(document.getElementsByTagName("table")[0].offsetWidth);void(0);

^ Ind i adresselinje og enter ... bordtennisborde siger 1005px i bredde
- Forsiden siger: 1024 px så den bliver snarere mindre end den burde blive...

Prøv denne ind på forsiden og så alert en gang mere...
java script:document.documentElement.style.overflowY="scroll";void(0);
- Løsningen på det problem er i css enten:

html{overflow:hidden;}
^ Den er nok ikke for smart :)
eller: html{overflow-y:scroll;}
... w3c melder godt nok fejl på den men sådan er der jo så meget...

Problem nr. 2 opstår fordi FF viser/skjuler scrolleren afhængig af om indholdet er størrer end vinduet overflow:auto; ... mens IE kører med overflow:scroll; fra start af - så for at det virker ens skal man egentlig skrive noget w3c ikke kan lide eller sætte IE til overflow:auto; --- men så får du jo blot problemet i begge browsere istedet ... så overflow:scroll må være den bedste - den har også lidt mindre "hop" effekt :o)

Hej mclemens - Du bliver ved med at være min redningsmand ;o)

Problem 2 er hvert fald løst med overflow-y-fidussen, dog kan jeg ikke lige se hvordan jeg skal sætte de tekster du har skrevet ind ang. problem 1?

Min h1-style ser sådan ud:

h1 {
    padding-bottom:        5px;
    margin-bottom:        7px;
    border-bottom:        1px solid #EAEAEA;
    font-size:            14px;
    font-weight:        bold;
    letter-spacing:        2px;
    color:                #D84B4B;
}

og min text-style:

#td_text {
    width:                500px;
    padding:            10px;
    vertical-align:        top;
}

Hvis jeg smider padding:0 og margin:0 i de to styles opstår hullet stadigvæk på kategori-siden

<SPAN style="PADDING-LEFT: 10px; FLOAT: right"></SPAN>
^ Prøv at slette den så ... den kommer lige efter h1 tagget

P.s.: 18/06-2006 08:58:22 <- Den del hjalp åbenbart kun i FF...

og grunden til at den ikke hopper ned til højre for din indholds tabel er at din indholds tabel har denne attribut: width="100%" - 98% så hopper den længere op da din spacer kommer ned på linjen... Men tror det nemmeste er at fjerne den span istedet :o)

Det var ski den span... Havde jeg helt overset :)

Mange tak for hjælpen!

Velbekom, og tak for point :)

Det ser lidt pudsigt ud p.t.:
Du skulle ikke sætte overflow'en
på både body og html så ret lige:

body, html {
    width:                100%;
    height:                100%;
    margin:                0px;
    padding:            0px;
    background-color:    #EAEAEA;
    font-size:            11px;
    color:                #000000;
    overflow-y:            scroll;
}

Til:

html{    overflow-y:            scroll;}
body, html {
    width:                100%;
    height:                100%;
    margin:                0px;
    padding:            0px;
    background-color:    #EAEAEA;
    font-size:            11px;
    color:                #000000;
}

hvad gør det i forskel?

Det gør så scrollbaren kun dukker frem på bodyen hvis den bliver større end den definerede højde (da du ikke har en overflow-y:scroll på body tagget længere...) d.v.s. den ene af de to scrollbar forsvinder... eller rettere den burde forsvinde men du skal måske have fjernet den height:100% body,html{} definering... ellers skal du istedet for

html{    overflow-y:            scroll;}

skrive (igen måske)

html{    overflow:            hidden;}
body{    overflow-y:            scroll;}

... men som sagt p.t. har jeg to scrollere i højre side og det er p.gr.a.
dobbelt overflow's som følge af overflow defineringen i body,html{} defineringen ...

okay tak for tippet, det burde være i orden igen nu :)

Jeps, nu kører den :o)