En lille opgave for en erfaren css-mand.

prøv at kigge på http://html.dk/artikler/00043/

ud over den lille login-form ude til højre som ikke er placeret ens - er der så andre fejl??? Ka' ikke lige få øje på dem...

nå, men det ude til højre kan løses på denne måde:

Først ændrer du dit stylesheet til det her:
.inputbox {
width:90px;
border:solid 1px #66859C;
background-color: #FFFFFF;
margin-left:8px;
margin-bottom:1px;
}

.loginknap {
    width:90px;
    border:solid 0px #000000;
    background-color: #FFFFFF;
    background-image : url(http://www.fjappe.dk/img/login_bg.gif);
    cursor:pointer;cursor:hand;
    height:20px;
}

Herefter fjerner du de to mellemrum foran de to login-bokse.

Så kan jeg også se du bruger et javascript til dine links - og her bliver musemarkøren ikke til en hånd i mozilla. Dette er fordi cursor:hand; faktisk er imod W3C standarden, som siger du skal bruge pointer - hvilket mozilla så gør, modsat IE. Det vil selvfølgelig være et halvstort arbejde at lave det om, og i grunden behøver du ikke javascript til at lave det - det kan sagtens gøres ligeså godt med almindelig CSS. Jeg har ikke lige tid nu, men jeg skal prøve på at se på det i morgen - på (forhåbentlig) gensyn...

mvh skovenborg

Ohh. jeg har vidst ikke udtrykt mig ordenligt.

På fjappe.dk har jeg i forvejen leget lidt med css. Og menu og det der er slet ikke problemet. Det er opsætningen af designet. Altså top menutabel og menu, content og statestik tabellerne. Bare i <divs> istedet. Så det virker i både IE og Mozilla

Ok. Er selv kommet lidt af vejen. http://xhtml.fjappe.dk - Se siden med IE, så virker den som den skal. Se siden med mozilla og der falder ligesom lidt af pointen. Hvad er det præcist der lige går galt?

Du har vist misforstået brugen af id og class. id er til unikke elementer, og må kun bruges en gang. Dette gør at siden ikke validerer, og så kan du i princippet ikke regne med noget som helst. Prøv at rette dette, og se om det hjælper.

sandbox - Jeg har nu forbedret udgaven.

jeg har dog stadig et problem.. :/

jeg har lavet en "box" som et id, #mainback - I IE er boxen 100% i height. Som den skal være, i mozilla er den ikke længere end den tekst der står i den. Jeg kan simpelthen ikke fatte hvad det er jeg gør galt. !

prøv at skriv:
body,html {
background: #DADBDA;
margin-top: 0px;
height: 100%;
}

...og så skulle du måske ændre #mainback højden til noget andet, fx
height: 78%;

Ok. Nu er det her snart ALT for sært til mig. Igår slettede jeg min html selector, fordi den tilsyneladende ikke havde nogen virkning. Idag skal den bare ligges sammen med body. Pas. Men det virkede.

skovenborg(kommentar: 26/11-2003 15:24:40)

Hvordan kan jeg så være sikker på at min boks går helt ned til bunden af browseren?

grunden til html er ganske enkelt pga. mozilla. Der er altid problemmer med at sætte højden til 100%, for 100% er jo relativt i forhold til det objektet ligger indeni. Også mener mozilla åbenbart at man skal gøre opmærksom på at hele html-dokumentet er 100% (og det må jo så være af vinduet). Er heller ikke helt klar over hvorfor man ikke bare kan gøre det i body, men sådan er det nu og engang.

Angående min kommentar så kan du jo prøve om det virker bedre. Problemmet er jo nu ligger din hvide boks og rager ud over kanten, hvilket jo ikke ser så vanvittigt smart ud. Så var det jeg tænkte du bare kunne sætte en anden højde som var mindre end 100%. Om det lige skal være 78% ved jeg ikke - men det kan du jo lege med.

nåmen finder du ud af noget - eller hva'???

ups. havde sgu helt glemt, jeg ikke havde accepteret.

det i orden - var bare i tvivl om at det havde hjulpet ;-)

så tak for point da :-)