Avatar billede skoet Nybegynder
01. august 2011 - 23:06 Der er 6 kommentarer

5 irriterende CSS bugs.

Hej Eksperter.

Jeg har arbejdet på et redesign af min iPhone side igennem en længere periode og er endeligt blevet færdig. Og dog. Jeg sidder lige nu med 5 CSS bugs, som jeg simpelthen ikke kan få bugt med.  Er der mon nogle af jer, der kan gennemskue, hvad jeg har gjort galt i mit stylesheet?

http://ewo.dk/iphonezone/post.html

#1: Når man hover over menuen under headeren, så dækker hover-baggrunden menu separatoren til højre.

#2:  Sidebaren aligner ikke med indeholdsboksen

#3:  Lige nede under annoncen opfører den første sidebar boks sig lidt underligt.

#4:  List style pilen aligner ikke med punkterne

#5: Den sidste og mest irriterende: Lige meget hvad jeg prøver på, så går teksten ind under avatar billedet, som man kan se på den nederste kommentar, hvilket ser super grimt ud.

Hvis kan gennemskue fejlene må i meget gerne sige til:).

På forhånd rigtig mange gange tak.

Med venlig hilsen

Frederik Skøt
Avatar billede olebole Juniormester
01. august 2011 - 23:49 #1
<ole>

Du disabler store og vigtige dele af CSS ved at udelade en DTD før dit <html> tag:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
... osv ... osv ...


/mvh
</bole>
Avatar billede olebole Juniormester
01. august 2011 - 23:51 #2
Sådan:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

Avatar billede olebole Juniormester
01. august 2011 - 23:58 #3
- og det er kun i Explorer, du disabler CSS' Box Model. Nu, da jeg har set den i andre browsere, tvivler jeg nu på, du overhovedet har set den i IE. Så ville du nok ikke brokke dig over de par småfejl, der går dig på  *o)

Hvordan kan du i øvrigt undlade at tjekke din kode i nettets mest anvendte browser?
Avatar billede webweaver Praktikant
02. august 2011 - 01:47 #4
Din CSS validerer heller ikke.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fewo.dk%2Fiphonezone%2Fcss%2Fstyle.css&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en

Altid en god idé, ligemeget hvad!
Det kan tit hjælpe på fejl man oplever.

Din HTML validerer egentlig heller ikke.

http://validator.w3.org/check?uri=http%3A%2F%2Fewo.dk%2Fiphonezone%2Fpost.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Du har temmelig meget at arbejde med. Kan være grundlag for mange fejl! Når du har løst de fejl, kan du jo se om det stadig driller og så vende tilbage herinde, hvis det er :-)
Avatar billede olebole Juniormester
02. august 2011 - 11:09 #5
- og så skyldes en del af de i spørgsmålet beskrevne problemer, at der bruges noget 'snask', som ofte påstås at 'nulstille' CSS på alle elementer. Som 'ekstra gave' får man så - blandt andre uhensigtsmæssigheder - uventet opførsel hos flere elementer.

I stedet kan man blot lære de materialer, man arbejder med (browsere og standarder), at kende. På dette punkt adskiller webudvikling sig ikke fra andre fag  *o)
Avatar billede olebole Juniormester
02. august 2011 - 11:12 #6
Faktisk er ingen af de issues, der nævnes i spørgsmålet, fejl. Der er i alle tilfælde tale om visning, som eksplicit er 'bestilt' i sidens CSS kode
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester