Bakgrundsbild i div försvinner

Permalänk
Medlem

Bakgrundsbild i div försvinner

Har en div i min kod som är utan någon text: <div id="Menu"></div>
Koden till diven ser ut så här:

#Menu {
max-width:300;
max-height:211;
width:300px;
height:211;
padding:0px;
margin:80px 0px 0px 0px;
background-image:url(chris2.jpg);
background-position:center;
background-repeat:no-repeat;
}

Den försvann när jag la till <!DOCTYPE html> i mitt html dokument.

Permalänk
Medlem

Du har inte satt enhet efter höjden. Förresten behöver du vare sig min- eller max-height om du kör med "hårdkodad" height eftersom elementet tydligt sätts till vissa dimensioner. Och jag vet att jag är världens petigaste men kan inte folk sluta envisas med att sätta enheter efter nollor? Noll kilometer är ju lika mycket som noll centilong..

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

tackar. så enkelt ibland uh

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Teknocide
Du har inte satt enhet efter höjden. Förresten behöver du vare sig min- eller max-height om du kör med "hårdkodad" height eftersom elementet tydligt sätts till vissa dimensioner. Och jag vet att jag är världens petigaste men kan inte folk sluta envisas med att sätta enheter efter nollor? Noll kilometer är ju lika mycket som noll centilong..

Jag sätter ut enheten. Det gör jag för att ibland vill jag ändra den och då känns det helt enkelt bättre att bara byta ut siffran. Spelar ju ingen som helst roll whatsoever för resultatet.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av darkmoon
Spelar ju ingen som helst roll whatsoever för resultatet.

Beror ju på vad man menar med resultat, resultat som i utseende = spelar ingen roll! Och gör man bara små enkla sidor så spelar det inte så mycket roll heller men om man jobbar med ett stort projekt så kan man spara enheldel kb om man minimerar kodningen, inte bara genom att ta bort onödiga stuff utan även komprimera det som redan är optimerat! Men aja

#Menu { max-width:300; max-height:211; width:300px; height:211; padding:0px; margin:80px 0px 0px 0px; background-image:url(chris2.jpg); background-position:center; background-repeat:no-repeat; }

vs

#Menu { width:300px; height:211px; margin:80px 0 0 0; background: url(chris2.jpg) no-repeat center; }

Sen kan man ju komprimera det ännu mer utan whitespaces och oneliners men det är bäst att lämna det till enbart live-sidan!

Visa signatur

Hur kan syltkakor överleva i det vilda utan ögon?