Avatar billede pwn Forsker
19. februar 2008 - 22:02 Der er 11 kommentarer og
1 løsning

Grafikproblem i layers

I venstre menu ( se www.gallerinordstrand.dk ) nederst er der en lille hvid "streg" fordi menugrafikken ikke dækker helt. Den har den rigtige størrelse og ser rigtig ud i Dreamweaver, men altså ikke i browseren.
Er der nogen, der kan kikke i koden og se, hvad der er galt?

mvh
p
Avatar billede pwn Forsker
19. februar 2008 - 22:03 #1
- et mere direkte link www.gallerinordstrand.dk/g1.htm
Avatar billede fauer Nybegynder
19. februar 2008 - 22:27 #2
Jeg tjekkede lige siden i Firefox, Opera, Netcape, Camino og Safari på mac, jeg kan ikke se nogen hvide streger i vestre menu.

mvh fauer
Avatar billede pwn Forsker
19. februar 2008 - 22:32 #3
OK - det var interessant. Det er så åbenbart "kun" Win Internet Explorer både i 6 og 7'er. (vi er enige om, at det er i bunden, der er en ca 2 px kant og et tilsvarende hak længere henne - ikke?)
Avatar billede fauer Nybegynder
19. februar 2008 - 22:53 #4
http://www.fauerflora.dk/GalleriNordstrand.jpg
Sådan ser det ud på alle browsere... smiler ganske pænt design

Mvh fauer
Avatar billede fauer Nybegynder
19. februar 2008 - 23:00 #5
Tjekkede lige på PC i Internet Explorer... det er rigtigt der er en hvid streg på i bunden... Men jeg kan ikke lige se hvorfor i koderne.

Men på skærmen ser det ud som om at det er det område hvor du viser selve maleriet, som er nogle pixles for højt, for der er også "hak" i højre side.
Avatar billede pwn Forsker
19. februar 2008 - 23:24 #6
Det er nu den baggrund, hvor menuene til venstre er placeret og samtidig dækker den hvide flade den blå baggrund (den "rigtige" baggrund). Alle rektangler har samme Toppunkt og er alle 500 px høje, så jeg forstår det ikke rigtigt. Er der noget kodesnaks som Dreamweaver har lavet, som jeg bare ikke kan overskue?
Avatar billede fauer Nybegynder
19. februar 2008 - 23:42 #7
Jeg ved ikke om det er dreamweaver der laver ged i det... men jeg bruger heller aldrig layers, kun tabeller og dit design er jo ret enkelt i opbygningen, så det kunne du sagtens ligge i en tabel, og så var du udover alt det bøvl.
Avatar billede hp-power Nybegynder
09. april 2008 - 23:01 #8
jeg vil skyde på det er en margin, gør det til en vane at skrive 0 hvis der ikke skal være noget så er du sikker på browser tager og giver den nu og ikke anden værdi som er standart hvis der ikke står noget.
Avatar billede hp-power Nybegynder
09. april 2008 - 23:04 #9
en ide var at begynder at bruge externe style sheets.. det er meget mere smart i længden.
Avatar billede olebole Juniormester
10. april 2008 - 18:04 #10
<ole>

Det er en rigtig skidt panikløsning at 'nulstille' padding og margin på alle elementer. Det er helt uden grund og forringer ofte performance ganske væsentligt - og helt unødvendigt. Det er meget bedre at lære at kode - herunder at lære hvilke elementer, der kan give problemer med padding/margin. Det er nemlig ganske få ... og dette problem har intet med padding eller margin at gøre  =)

Årsagen til det ekstra 'luft' er, at du i slutningen af et block-element har et linjeskift lige efter noget inline-indhold. Så laver IE altid lidt 'luft' i bunden. Prøv f.eks. disse to:

<p>Dette er noget skidt i IE:</p>
<div style="background:red">
    <img src="http://www.eksperten.dk/img/elogo.png">
</div>

<p>Dette virker ... også i IE:</p>
<div style="background:red">
    <img src="http://www.eksperten.dk/img/elogo.png"></div>

/mvh
</bole>
Avatar billede olebole Juniormester
10. april 2008 - 18:12 #11
- og eksterne stylesheets har heller ikke noget med problemet at gøre. Det kan være meget smart, at brugeren kun skal downloade stylesheet'et én gang - men til gengæld besværliggør eksterne stylesheets JavaScript debugging ganske voldsomt i IE. Til gengæld bliver det en nødvendighed at bruge eksterne stylesheets, når XHTML engang kan bruges på WWW - men det er der vist desværre længe til endnu  :o|

En ændring du doh helt klart bør foretage er at indsætte en DTD. Uden den er der faktisk slet ikke tale om et HTML-dokument. En DTD, der passer til din øvrige kode kunne være:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
... osv ... osv ...

Uden DTD disable'er du endvidere de vigtigste dele af CSS i IE
Avatar billede pwn Forsker
20. februar 2010 - 00:39 #12
Tak for de gode kommentarer - send svar, så fordeler jeg points for indsatsen. Siden er nu lavet om - denne gang på en MAC.
mvh
p
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
Kurser inden for grundlæggende programmering

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