Login boks bugger nogle steder

Her står den de 900px fra left, som du har sat den til..

Hvad er fejlen da ?

<ole>

Det kan umuligt passe, at det fejler hos alle andre. Hvad bruger de, det fejler hos? Hvad fejler? Prøv at være lidt mere præcis, når du stille spørgsmål  *o)

Derudover skriver du ikke XHTML, så brug hellere denne DTD:


CENTER elementer har været deprecated i rigtig mange år efterhånden, så det bør løses med CSS.

Du behøver heller ikke sætte width på site_banner eller site_menu - og BR elementer er ikke beregnet til at skabe luft i toppen eller bunden af andre elementer. Brug også her CSS (f.eks. padding).

Til slut forstår jeg ikke rigtig begrundelsen for alle de floats, du bruger. Det giver ofte en masse bøvl, og jeg har på fornemmelsen, det er der, dine visningsproblemer kan ligge. Prøv så vidt muligt at udnytte dokumentets naturlige flow.

/mvh
</bole>

Ved nogle går login boksen ned over menuen og den rykker sig, osv.

Ja, i Safari og Chrome sker det - og i IE i kompatibilitetsvisning sker der andre interessante ting. Men det skal vi jo ikke sidde og lede efter  *o)

Har du prøvet at rette de ting, jeg skrev i #3?

Det er rettet nu, men ved ikke om det hjalp.

Hvorfor ved du ikke det? Du bør som absolut minimum have Explorer, Firefox, Opera, Safari og Chrome på din maskine. Ellers kan du ikke skrive webkode, der skal bruges på WWW.

Nu vises loginboksen næsten ens i de forskellige browsere - dog ikke helt i IE9 i kompatibilitetsvisning.

Det virker fint i Google Chrome og Safari, men kan ikke få explore osv.

Hvad betyder "men kan ikke få explore osv."?

Jeg har Macbook så kan ikke få de programmer.

Så er du nødt til at bruge f.eks. Boot Camp. Ellers koder du i blinde  =)

Jeg har 4 som tester det, men den bugger ved alle.

PS: og det er ikke fordi, jeg er en sur, gammel pissema ... ehhhh ... PC-mand. Jeg begyndte faktisk min karriere som frådende, fanatisk macintosse - men allerede i mit første rigtige udviklerjob måtte jeg sande, at begge platforme er en tvingende nødvendighed. Enten i form af hardware, eller virtuelle maskiner på samme hardware  =)

Nu burde du efterhånden have forstået, at kommentarer som "Jeg har 4 som tester det, men den bugger ved alle." er komplet ubrugelige. Man er nødt til at vide, hvad det er for browsere og hvilke versioner, de bruger.

Du kan ikke udvikle og lade andre teste. Det er som at være fire til at køre en bil: Én til at håndtere rattet, én til speederen, én til koblingen og én til bremsen. Det kan kun resultere i ulykker  =)

Ja, jeg har også 2 bærbare, men kan ikke finde strøm til dem derfor måtte jeg finde nogle folk som kan teste for mig.

Nej, du bruger bare Boot Camp. Med mindre du er rigtig dygtig, kan du skrive 10 linjer kode - så skal der testes. Ellers bliver det overordentlig vanskelligt at finde sine egne fejl

En lille hjælp kan være at installere firebug plugin til firefox, det er et lille plugin der tillder dig at rette i din kode, mens dit website vises, dog gemmes rettelserne selvfølgelig ikke, men de kan give dig et lille indblik i hvad der burde rettes, inden du faktisk gør det, så at sige.

Men som olebole skriver, du skal selv teste din kode, i alle de forskellige browsere du kan, samt vil jeg anbefale dig at hente Multiple IE (http://tredosoft.com/Multiple_IE) el. der giver dig et indblik i hvordan dit site ser ud i ældre versioner af IE, helt tilbage til IE6 mener jeg det er, hvor godt og præcist det er kan nok diskuteres, men da nogen stadig lever i stenalderen mener jeg det er nødvendigt at tage højde for det, desværre.

En lille tilføjelse.

Du kan også med fordel nulstille alle komponenters default instillinger, i din css.

En nem måde er at inkludere en seperat css fil hvis eneste formål er at nulstille, der findes heldigvis allerede en ude på nettet (så du ikke glemmer en komponent eller to) http://meyerweb.com/eric/tools/css/reset/

Bare hust at inkludere den som det første stylesheet, ellers overskriver du bare alle dine egne instillinger.

Nej! Lad for Guds - og ikke mindst din egen - være med at bruge det skod! Læg mærke til flg. kode:


Hvor guddommelig ubegavet er det f.eks. ikke at sætte vertical-align:baseline på elementer som SUB og SUP? Det er jo netop, hvad der ikke er meningen med de to elementer! Prøv:


Hvor dybt tåbeligt er det lige?

W3C har knoklet med at lave et default stylesheet. Lad nu være med at smadre det arbejde!

nu var det ment som et eksembel, man skal selvfølgelig aldrig bare copy/paste andres arbejde (som de iøvrigt også skriver i linket),  det var mere for at informere om muligheden er der, men ja enig, lige denne fil er måske ikke det bedste eksembel :( men der findes andre, og bedre versioner derude, det er bare et spørgsmål om at lede ordentligt.

Men jeg har kun gode erfaringer med at nulstille sine komponenter inden man begynder at definere de forskellige classer og id´er, for at undgå for meget forskel i de forskellige browsere.

Er IE9 blevet bedre på det område? har ikke lavet websites siden IE8 da jeg synes Java er langt sjovere at arbejde med.

Dog vil jeg altid anbefale man skriver sit kode selv, uanset sprog og formål.

Det er da muligt, du bedre kan lide at arbejde med Java. Andre kan sikkert bedre lide at beskæftige sig med at strikke, lave smykker, bygge fede citybikes eller andre helt usammenlignelige ting.

Prøv først at tage et kik på denne kommentar.

meyerweb's nulstillings sheet er enormt udbredt, men hvis du kender til andre og bedre, synes jeg da, at du som professionel burde linke til et af dem.

Kommentarer som "men der findes andre, og bedre versioner derude, det er bare et spørgsmål om at lede ordentligt." er ganske gratis, men hvorfor går du ikke foran med det gode eksempel - i stedet for med det dårlige?

Umiddelbart ville jeg mene denne her er bedre.

http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css

Linket til meyer, var nu engang tilfældigvis det øverste resultat på googles liste.

Men som jeg også siger, ALDRIG copy/paste noget man ikke forstår, jeg anerkender helt klart din ekspertise indenfor feltet, baseret på dine år i branchen, samt alle dine indlæg. men du er også nød til at gå ned på det samme niveau som dem der rent faktisk opretter spørgsmålet.

Ud fra dette spørgsmål, ville jeg mene personen ikke har specielt meget viden omkring det, og derfor mener jeg en sådan fil er et godt udgangspunkt, men der er altid behov for yderligere tweaks, det ved alle der kender til browser forskelle mht. css.

Reset filen (efter min mening) er ment som en guideline, og absolut ikke et must have, hvis man ikke forstår den, skal man lade værd med at bruge den, så simpelt er det.

Er man (som i dit tilfælde) meget erfaren, ville jeg aldrig bede dig om at bruge den, da du jo nok selv kan lave noget der er langt  bedre, og passer mere til dit behov.

Det ændrer ikke på det faktum, at du ikke kan udvikle på Mac og forvente, det ser ligesådan ud på en PC - eller omvendt. Oven i købet er det blevet ekstremt nemt for Mac-folk at teste på begge platforme ... jvnf. #11  =)

Desværre kender jeg ikke til Boot Camp, men helt klart noget jeg må se nærmere på, man kan jo ligeså godt bruge alle de forskellelige værktøjer der nu engang er tilgængelige.

Alt andet ville jo være dumt.

BootCamp giver mulighed for at køre både MacOS og Win, men er 'kun' til Mac.

Der findes dog virtualiseringsværktøjer til PC, som kan nogenlunde det samme - f.eks. VMware Workstation

Takker for informationen, må jeg prøve at sætte mig ind i til mit næste projekt.

Har desværre kun haft mulighed for at teste mine projekter på en pc indtil videre, da jeg desværre ikke har midlerne til at investere i flere forskellige computere :(