Teknik, hosting & e-handelsløsninger

Svar: CSS sheets vises forskelligt i IE9 og Chrome

CarlTheRider — Thu, 28 Jun 2012 15:47:05 GMT

Teddy Carlsen:

Som det også er sket i dette eksempel, så opstår der nye problemer når man retter til, med et reset burde de fejlkilder være udryddet.

Men det er selvfølgeligt et temperements spørgsmål, men at starte med et reset af en art er efter min mening altid det bedste udgangspunkt.

Teddy

Der er ikke opstået noget problem. Han skal bare fjerne den margen, som han ikke ønsker.

CSS reset løser problemet, men det gør 100 andre ting på samme tid. Desuden vil han skulle til at give sine list-items margin/padding/list-style. Så han ender med mere arbejde, og MEGET mere kode.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Teddy Carlsen — Thu, 28 Jun 2012 15:43:33 GMT

Jeg er nu helt rolig

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Anonymous — Thu, 28 Jun 2012 15:39:32 GMT

Rolig nu, alle sammen! Jeg takker for jeres medfølelse og engagement, DET gør jeg!

Jeg har det lidt sådan, at hvis det bliver for besværligt, så ka' <ul> og <li> ryge ad H.... til, og så vil jeg i stedet for bullet points bruge noget så simpelt som en - bindestreg! Slut!

Altså,

- jeg gider ikke spilde krudt på <ul>

- jeg gider godt spare tid og irritation ved at bruge -

- jeg takker mange gange for jeres engagement. Det er en af grundene til, at Amino er et godt sted!

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Teddy Carlsen — Thu, 28 Jun 2012 15:35:34 GMT

Som det også er sket i dette eksempel, så opstår der nye problemer når man retter til, med et reset burde de fejlkilder være udryddet.

Men det er selvfølgeligt et temperements spørgsmål, men at starte med et reset af en art er efter min mening altid det bedste udgangspunkt.

Teddy

Svar: CSS sheets vises forskelligt i IE9 og Chrome

CarlTheRider — Thu, 28 Jun 2012 15:27:48 GMT

Teddy Carlsen:

Nu mente jeg heller ikke at det var nødvendigt at bruge det hele, men det der var nødvendigt og samtidig give et eksempel på hvad der er på spil i CSS.

Men tror faktisk det ville være hurtigere at bruge eksemplet, og så style det der er problemer med. Istedet for at sidde og fejlsøge, kode og teste i forskellige browsere.

Nu er der tale om en uønsket margen i et <ul>-element. Du skal også passe på med at gøre det til mere, end det er.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Teddy Carlsen — Thu, 28 Jun 2012 15:22:19 GMT

Nu mente jeg heller ikke at det var nødvendigt at bruge det hele, men det der var nødvendigt og samtidig give et eksempel på hvad der er på spil i CSS.

Men tror faktisk det ville være hurtigere at bruge eksemplet, og så style det der er problemer med. Istedet for at sidde og fejlsøge, kode og teste i forskellige browsere.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

CarlTheRider — Thu, 28 Jun 2012 15:13:28 GMT

Teddy Carlsen:

Du skal bruge et CSS reset for at undgå forskellene imellem browsere.

Her er et eksempel CSS Reset

Det er overkill i dette tilfælde.

Poul Madsen:

Tak for svaret. Jeg kan prøve med <ul>. Ja, der er en meget klar årsag til, at jeg undgår <ul>, og det er, at <ul> indsætter ekstra mellemrumslinjer. De er ikke til at slippe af med, hvis din tekst er tilrettet således, at der ikke må være mellemrum mellem tekst og bullet points. Det gøres ofte for at gøre det lettere for læseren at forstå, at bullet points hænger sammen med teksten ovenfor og er ikke noget selvstændigt.

Så skal du bare ikke forvente, at det virker. Standarderne er bestemt, og dem kan du ikke ændre på efter behov.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

keysersoze — Thu, 28 Jun 2012 14:52:07 GMT

Skal og skal - man bør efter min mening kun bruge sådan en løsning hvis man har 100% styr på hvad det reelt gør, og har man det er der ikke nødvendigvis brug for det da man så oftest er tilstrækkelig inde i sin CSS.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Teddy Carlsen — Thu, 28 Jun 2012 14:46:19 GMT

Du skal bruge et CSS reset for at undgå forskellene imellem browsere.

Her er et eksempel CSS Reset

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Anonymous — Thu, 28 Jun 2012 14:22:11 GMT

Hm, ja det kan jeg jo også prøve. Tak for jeres svar, begge to.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

carsten.andersen — Thu, 28 Jun 2012 14:17:37 GMT

bortset fra de andre gode råd som jeg kun kan tilslutte mig (du kan styre alt, hvis du gør det rigtgt og ikke snyder)

så tænker jeg at mellemrummet mellem top teksten og selve ul og det første li måske skyldes teksten ovenover og ikke styling af ul. hvis du sætter ul til en eller anden grim baggrundsfarve er det en god måde at få en ide om hvad der sker og hvor meget de forskellige elementer fylder.

good luck med din style hunt!

Svar: CSS sheets vises forskelligt i IE9 og Chrome

keysersoze — Thu, 28 Jun 2012 13:48:24 GMT

Du risikerer flere problemer ved at lave invalid kode end ved at springe over fordi nogle elementer pr default ikke giver det ønskede designmæssige resultat. Få i stedet stylet elementerne rigtigt - blandt andet ved at angive korrekt måleenhed (fx px) og arbejd med både top, bottom, left og right margin og padding efter behov (fx margin: 10px 20px 30px 40px;).

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Anonymous — Thu, 28 Jun 2012 13:20:29 GMT

Nu har jeg indføjet et

ul { margin: 0; padding: 1;}

og det giver følgende:

Det giver det stik omvendte af, hvad jeg ønsker. Der skal selvfølgelig ikke være mellemrum det øverste "tekster" og bullet points, men tværtimod være mellemrum mellem nederste bullet points og nederste "tekster". Jeg har selvfølgelig prøvet at bytte om, så margin er 1 og padding er 0, men så overskrider bullet points igen det hvide felts ramme. Afstanden mellem de nederste linjer kan selvfølgelig klares med <br>, men det mellemrum, som <ul> laver øverst, ved jeg ikke, hvordan jeg fjerner.

En anden årsag til, at jeg undgår <ul>, er at <ul> laver indrykninger, og det må det ikke.

Nå, men jeg takker mange gange for jeres forslag! Nu har jeg i det mindste noget at eksperimentere med.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Emil — Thu, 28 Jun 2012 12:45:03 GMT

Poul Madsen:
Det gøres ofte for at gøre det lettere for læseren at forstå, at bullet points hænger sammen med teksten ovenfor og er ikke noget selvstændigt.

Hvis det gøres ofte sådan, så gøres det ofte forkert! Alle afstande kan sættes i css. Det er ikke hensigtsmæssigt at lave dårlig kode for at komme sådanne ting til livs. Det vil i længden skabe andre problemer, der er langt sværere at løse (og finde).

Skriv lige om det oprindelige problem forsvandt, når <ul></ul> er omkring li.

Svar: CSS sheets vises forskelligt i IE9 og Chrome

Anonymous — Thu, 28 Jun 2012 12:44:57 GMT

Emil:

I så fald er problemet at du ikke giver en style til ul. Prøv at sætte følgende i din css:

ul { margin: 0; padding: 0;}

Så skulle mellemrum mellem tekst og bullet points gerne forsvinde.

Tak igen for svar, men jeg vil fortsat gerne have mellemrum mellem bullet points og tekst. Det må ikke forsvinde. Det er afstanden fra bullet points til feltets kant, der skal bevares. Måske kan jeg prøve med dit forslag.