Avatar billede -padde- Nybegynder
14. maj 2004 - 15:15 Der er 25 kommentarer og
1 løsning

Padding = overflow?

Sidder med en masse problemer så jeg kan lige så godt starte fra en ende.

1. Er det på en eller anden måde muligt at preloade billeder, på en måde, som validerer i XHTML 1.0? Bruger pt. onload funktionen, men den holder ikke.,

2. Har en side, hvor jeg har gevet en div 100% bredde, men alligevel kommer der x-scroll. Har tjekket at ingen bokse eller billeder ”lapper” ind over. Men jeg har fået at vide at det er pga. min padding. Så jeg prøvede at fjerne al min padding, og vupti; ingen scroll. Dog ser siden lidt trist ud ;) Nogen der kan forklare nærmere omkring det?

Det var sådan set det. Siden jeg snakker om er http://www.nivosolutions.dk/SparringsKompagniet.dk/v1/, hvis det kan hjælpe.
Avatar billede mailand Nybegynder
14. maj 2004 - 15:19 #1
Spørgsmål 2:
Jeg har haft en del lignende problemer... Min workaround går ud på, du smider en ekstra div ind, som ikke har nogle egenskaber udover width...

Altså en ydre div med padding, width osv, og så en indre div uden nogen form for padding, margin osv. og kun med width angivelse...

Held og lykke
Avatar billede -padde- Nybegynder
14. maj 2004 - 15:24 #2
Hmm.. Hvad mener du helt præcist? Har en "hoved" div der er sat til 100% width, Og inde i den er der to yderligere, som jeg bruger til indhold. Skal jeg så klaske endnu en div mellem med en witdh på 100%?
Avatar billede mailand Nybegynder
14. maj 2004 - 16:15 #3
tja, eller omstrukturere dine divs - i hvert fald skal du forsøge at fjerne padding i den inderste div - så bør dine bredder holde.
Avatar billede -padde- Nybegynder
14. maj 2004 - 16:37 #4
Den inderste div er faktisk to. Begge to med padding, til teksten. Kan jeg så bare give teskten samme værdier, men med margin?
Avatar billede mailand Nybegynder
14. maj 2004 - 16:42 #5
øh... tror ikke helt, jeg forstår ? Margin?
Avatar billede -padde- Nybegynder
14. maj 2004 - 16:46 #6
Margin er det omvendte af padding. Altså nærmest udvendig padding, hvis man kan sige det sådan.
Avatar billede -padde- Nybegynder
14. maj 2004 - 16:54 #7
Men altså du mener at problemet bliver løst, hvis der ikke er padding på den inderste div?
Avatar billede Slettet bruger
14. maj 2004 - 17:29 #8
Det preload af billeder er det til mouseover? Så kan du måske bruge denne metode, som ikke kræver preload: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
Avatar billede -padde- Nybegynder
14. maj 2004 - 17:56 #9
Skulle lige til at skrive det, men jeg har fået styr på mit hoverscript. Men har stadig problemer med min padding...
Avatar billede mailand Nybegynder
14. maj 2004 - 18:28 #10
ja, jeg mener, dit problem bliver løst, hvis bare den inderste div ingen padding á la:

<div style="padding:10px; width:100%;">
    <div style="width:100%;">
dette skulle virke - det er i hvert fald min erfaring...
    </div>
</div>
Avatar billede olebole Juniormester
14. maj 2004 - 18:47 #11
<ole>

Hvorfor overhovedet sætte en bredde på 100% på et block-level element som et div? Et sådan element har fra fødselen fuld bredde (100% minus padding, minus borders). Det er en misforståelse  :)

/mvh
</bole>
Avatar billede -padde- Nybegynder
14. maj 2004 - 19:20 #12
olebole

Det er de da ikke. En div passer sig til dens indhold, den er sgu ikke 100%
Avatar billede -padde- Nybegynder
14. maj 2004 - 19:24 #13
mailand

fucker den bare yderligere op...
Avatar billede olebole Juniormester
14. maj 2004 - 19:24 #14
-padde- >> Nej, du tager 100% sikkert fejl  :)
Avatar billede olebole Juniormester
14. maj 2004 - 19:25 #15
... hvad enten du bander eller ej  ;o)
Avatar billede olebole Juniormester
14. maj 2004 - 19:27 #16
Et span er et inline-element - og tilpasser sig derfor indholdet.
Et div er et block-element - og har derfor fuld bredde.

Det er den eneste forskel på de to elementer ... like it or not  :)
Avatar billede -padde- Nybegynder
14. maj 2004 - 19:34 #17
olebole

kan du så forklare mig hvorfor den fucker så grumt, når jeg piller width:100%; af? Har du evt. en løsning på problemet?
Avatar billede olebole Juniormester
14. maj 2004 - 19:42 #18
Nej, jeg sidder og laver noget andet - så jeg har ikke tid til at rode med din kode nu.
Avatar billede -padde- Nybegynder
14. maj 2004 - 20:01 #19
Fait nok, men hvis du får tid senere vile det være superb...
Avatar billede basementjack Nybegynder
15. maj 2004 - 14:40 #20
Til dit oprindelige spm 2:
Husk body{margin:0px;}
100% width eller height er ikke al den tilgængelige højde og bredde, ligsom det er med frameset.. ;)

Sandbox - dit link blev gemt her.. ;)
Avatar billede -padde- Nybegynder
16. maj 2004 - 19:17 #21
basementjack

Har ordnet DET problem. Har selvfølgelig fået fremkaldt nogle nye, så de 60 point går til den person, der kan løse dette problem; jeg bruger javascript til en hover-effekt (som er uundværlig). Men XHTML srtict validerer ikke attributen >>name<<. Dog skla jeg bruge denne i javascriptet. Har uploadet så det kan ses på siden. Kan det på en eller anden måde løses? >>id<< virker ikke...
Avatar billede basementjack Nybegynder
16. maj 2004 - 22:10 #22
Jeg er ikke en haj til JavaScript, men du kan når du kalder dit "name" bruge getElementById(ditName) så virker det med id..
Avatar billede olebole Juniormester
16. maj 2004 - 22:16 #23
Hehe ... havde zq glemt dig -padde-  :)

Du bruger ID og ændrer script'et lidt. Du kan skrive:
  <img src="pic.gif" onmouseover="this.src='pic2.gif'" onmouseout="this.src='pic.gif'">
... eller:

<img id="pic" src="pic.gif" onmouseover="swap('pic','pic2.gif')" onmouseout="swap('pic','pic.gif')">

I scriptet kan du så skrive noget à la:

function swap(id, src) {
  document.getElementById(pic).src = src;
}

Så kan du nok finde ud af at ændre din funktion, så den tager id i stedet for name. Ellers må du lige sige til  :)
/mvh
Avatar billede olebole Juniormester
16. maj 2004 - 22:17 #24
Dooohhhh ... sådan selvfølgelig:

function swap(id, src) {
  document.getElementById(id).src = src;
}

... sorry  :)
Avatar billede -padde- Nybegynder
16. maj 2004 - 22:54 #25
http://www.nivosolutions.dk/SparringsKompagniet.dk/v1/

Vil du have dine points? Brugte ikke din metode, men den inspirerede mig til at rette lidt i javascriptet. Lækkert. Endnu en gang tak!
Avatar billede olebole Juniormester
17. maj 2004 - 12:38 #26
Så lad os dele dem  ;o)
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