CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede drinkit Praktikant
05. marts 2013 - 02:27 Der er 10 kommentarer og
1 løsning

Samme klasse, forskellige højder?

Hej. Kig i bunden af xup.dk/nyheder/

Kan nogle forklare mig, hvorfor den nederste "Læs mere" knap (et a a element, med display block), er 20px høj, og den nedenunder, med samme klasse, er 21 pixel høj?

De burde være præcis samme størrelse.

Det er ikke så meget pga. udseendet, men mere et princip. Jeg forstår simpelthen ikke hvordan det kan lade sig gøre.

(bruger firefox.. håber ik det er browseren?)
Avatar billede olebole Juniormester
05. marts 2013 - 02:39 #1
<ole>

Hos mig (Win7 Pro/Firefox 19) er knapperne 18px høje - incl. borders

/mvh
</bole>
Avatar billede olebole Juniormester
05. marts 2013 - 02:44 #2
- men du kan ikke nøjes med at bruge én browser, når du udvikler. Du er som minimum nødt til at have Explorer, Firefox, Opera, Chrome og Safari - og du er nødt til at teste i dem.

Jeg er f.eks. ikke helt sikker på, du vil være tilfreds med at se siden i IE
Avatar billede drinkit Praktikant
05. marts 2013 - 02:56 #3
Hej Ole.
Jah, browser checkene tager jeg i næste omgang.
Indtil videre forstå jeg bare ikke forskellen på størrelserne i både safari og firefox.

Men hvis de er fine hos dig, er det nok en browser ting.

Glæder mig til at se min side i IE.. Nogle fifs dertil :) ?

Border-radius, kan den klare den?
og box shadow.. Det er vel primært CSS'en den er gal med i IE..
Avatar billede drinkit Praktikant
05. marts 2013 - 03:01 #4
http://netrenderer.com/index.php

den ser ok ud i ie10
Avatar billede olebole Juniormester
05. marts 2013 - 03:22 #5
"Jah, browser checkene tager jeg i næste omgang." >> Værst tænkelige strategi!

Generelt bør du betragte BODY som 'hellig'. Undlad at sætte for meget CSS på det element. Læg i stedet et wrapper DIV lige indenfor og centrer det:

<body>
<div style="width:840px;margin:0 auto">
    Så er den ged barberet
</div>
</body>

Hvad er i øvrigt begrundelsen for overflow-y:scroll på BODY? Det er øjensynligt kun IE mindre end version 10, der tager dén alvorlig. Slet den, så vil siden sikkert ligne sig selv i IE9  *o)
Avatar billede olebole Juniormester
05. marts 2013 - 03:23 #6
CSS'en lægger du naturligvis i dit stylesheet. Koden ovenfor er bare et eksempel  =)
Avatar billede ahonix Nybegynder
05. marts 2013 - 09:12 #7
CSS er en forkortelse for netop Cascading Style Sheet(s).
Så at lægge sin CSS i sit "stylesheet" giver ikke mening.

Hvis der refereres til stylingen (style="width:840px;margin:0 auto) kan man referere til dette med ordet "styling".

Styling kan ligge inline (som her i eksemplet) eller i et stylesheet - benævnt CSS.
Avatar billede drinkit Praktikant
05. marts 2013 - 11:27 #8
Tak for hjælpen Ole. (som altid)..
Jeg har rettet de forskellige ting nu. Så går ud fra det ser bedre ud i IE nu? :)

- Og ang. det oprindelige spørgsmål, så har du også bekræftet at det ser ud som det skal. Smid svar, så jeg kan lukke.
Avatar billede drinkit Praktikant
05. marts 2013 - 11:28 #9
Ps. Grunden til jeg havde overflow-y: scroll; på, er fordi jeg ikke bryder mig om at siden rykkes mod venstre, når scroll-baren bliver synlig. Det er forstyrrende. Men en meget lille, subjektiv, ting :)
Avatar billede olebole Juniormester
05. marts 2013 - 14:28 #10
@ahonix: Tillykke. Hermed kom du på tavlen - så nu mangler du bare at komme ind i kampen! Vi ser vist alle frem til, at du hen ad vejen bidrager med mere sprogundervisning. Dog bør du nok få lidt bedre styr på tegnsætningen, dersom du ønsker, dine sproglige rettelser skal fremstå i en seriøs belysning  *o)

@drinkit: Ellers tak, jeg samler ikke point. Du lægger bare selv et accepteret svar, så tråden lukkes  =)
Avatar billede drinkit Praktikant
05. marts 2013 - 17:37 #11
:D
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:58 Netværk bliver ved med at "hoppe af" når jeg åbner for mange faner eller specifike spil Af Lars i LAN/WAN
I går 14:44 MS Outlook Af lbc i Office & Kontorpakker
19/0917:14 Udvid partition - Mulighed er nedtonet, ikke aktiv Af Uvanga i PC
19/0915:10 Debian og Windows Af DanishBear i Windows
19/0911:21 CHKDSK C: /r FEJL Af barth i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Professor Christian Damsgaard: Her er de tre vigtigste sikkerhedsmæssige udfordringer ved at lægge dine data i clouden
Læs mere »
Her er Danmarks kommende AI-lov: Se det fulde lov-udkast fra regeringen
Microsoft vil træne AI på dine LinkedIn-opslag og kommentarer: Sådan undgår du det
Henrik Bodskov om sin exit fra Aeven: “Da jeg kørte ind på parkeringspladsen, løb tårerne lidt ned ad kinden”
Se alle »
Computerworld
Teaser billede
I aften sker det: Din iPhone får en monumental opdatering
Læs mere »
Alt om Apples store opdatering til iPhone, Mac, Watch og iPad
Microsoft tvangsinstallerer app i din Office 365 i næste måned: Du kan ikke slippe
Apple opdager alvorlig sårbarhed i ældre iPhones og iPads
Se alle »
CIO
Teaser billede
Til kamp mod legacy og teknisk gæld: Uffe har skrottet 200 servere og 1.000 routere og switches på 140 lokationer
Læs mere »
Microsoft opsplitter Office og Teams: Sådan fungerer opdelingen
”Det fylder helt oppe på direktionsgangene:" Danske topkonsulenter løfter sløret for det allervigtigste it-tema lige nu
Overgangen til Windows 11 kan udløse store bøder, hvis du ikke passer på
Se alle »
Job & Karriere
Teaser billede
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Læs mere »
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Henrik Bodskov fratræder som topchef for Aeven: Her er den nye topchef
Novo Nordisks CIO og digitale topchef, Anders Romare, forlader selskabet
Se alle »
White paper
Teaser billede
Sådan samler du virtualisering og containerdrift i én løsning
Læs mere »
Sikre og skalerbare datacentre med fokus på drift, energi og fremtid
Er I klar til at tage næste skridt på den digitale retailrejse?
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »