Avatar billede webudvikleren Nybegynder
10. december 2006 - 21:45 Der er 7 kommentarer og
1 løsning

Underlig fejl med mine divs

Hej, jeg sidder med et lidt stort problem.
Min bagerste div, følger ikke langs siden, når der kommer indhold i den - og hvad jeg kan se, har jeg ikke sat nogle specifik højde på den, så der kan problemet ikke være.

Og jeg 'rydder' op, under diven, med clear:both, men det virker ikke!

Det virker fint i Firefox, men ikke i IE 7.0 - har dog ikke lige testet 6.0 da jeg ikke har det installeret.

Et andet problem, er at jeg synes siden 'hakker' rigtigt meget, ligesom den skal hente en masse indhold i IE 7.0 på denne side;

http://87.52.127.41/jaykay/friendz/Medlemskab/
- Udfyld felterne, og se den side der så kommer - den 'hakker' når man køre op og ned.

Det samme med select-boksene i firefox, det tager et stykke tid, før det man vælger kommer frem.

Er det en venlig sjæl der gider give lidt idéer, til hvad jeg kan gøre? Jeg har stortset prøvet hele dagen på at rette de fejl, men så kommer der altid en ny!

Siden er godt nok w3c-valid, men det skyldes åbenbart noget andet.

Mht til designet, kan det så være muligt at lave den til height:100%; og få indeholdet til at flugte nedad, uden andre divs går ud over?

På forhånd tak,
Webudvikleren - Jesper
Avatar billede jokkejensen Novice
11. december 2006 - 01:23 #1
hey webudvikler..

man bruger aldrig et 5x5px png der fylder 3kb som baggrundsmønster... skær en 1x4-5(eller hvor meget du skal bruge) som gif (fylder nok 0.4-5kb) og lad den repeate..

Det andet er alt for tungt..

For at få det div et til at folde indholdsfeltet ud, syntes jeg først og fremmest du skal få ryddet lidt op i alle de "fixDivs" du har.. som jeg ser det har du 2 flydende divs inde i et content felt.. og derfor kun brug for 1-2 block elementer med clear:both;..

desuden har du sindsygt mange, og i mine øjne, overdrevent brug af containers.. ex har du 3 containers, for at lave overskrifts feltet til indholdfeltet.. jeg tænker på #RightSite -> #Bigmenubox -> #innerBigmenuBox -> h1 .. hvor du lige så godt kunne style h1'eren under #RightSite, til at se ud akkurat som med de 2 andre divs omkring.

Få ryddet op, og fix baggrundsbilledet - så er det meget lettere at finde fejlen.. :)

mht til at få den til "height 100%" ved jeg ikke helt hvad du mener, men hvis du ønsker at have at sidens indholdsfelt går til bund, hvis der ikke er nok indhold i, men bliver størret hvis indholdet går under skærm er det muligt...

Jeg ville kaste et hurtigt blik på noget ala, : http://www.codeproject.com/useritems/baselayout.asp?df=100&forumid=304889&exp=0&select=1492335

og få det struktureret ordentligt fra start, men er det slet ikke det du mener, må du lige forklare nærmere.

Mvh
Jacob
Avatar billede webudvikleren Nybegynder
11. december 2006 - 12:44 #2
Hej Jokke.
Nu har jeg lavet filen til *.gif, dog uden ændringer.

Og ryddet mere op i kildekoden mht "FixBug"-divs.

Desuden - nu hvor du siger #RightSite -> #Bigmenubox -> #innerBigmenuBox -> h1 ..

Det er fordi jeg ikke aner hvordan jeg laver automatisk padding inde i "menuen" uden den rykker sig.
Derfor bruger jeg altid

<div ...>
  <div style="padding:5px;"> test </div>
</div>

fremfor denne:

<div style="padding:5px;">
  <div> test </div>
</div>

-- da den vil rykke menuen. Har du eventuelt en idé til hvordan det kan laves, så må du gerne fortælle mig den! ;-)

Men fejlen mht divs, står der endnu! :-(
Avatar billede olebole Juniormester
11. december 2006 - 12:56 #3
<ole>

jokkejensen >> hvorfor ikke bruge en 5x5px baggrunds-png?

webudvikleren >> Det virker i det hele taget, somom dokumentet ligger på enormt sløv server ... ikke rigtig noget, der egner sig for en service.

Derudover disabler du de vigtigste områder af CSS i IE6 med denne linje:
    <?xml version="1.0" encoding="iso-8859-1"?>

Den linje bruger du ikke til spor, så den kan du roligt slette. Dels skriver du ikke i en XHTML-version, der nogensinde kommer i nærheden af en XML-parser (det er browserens HTML-fortolker, der behandler ethvert XHTML 1.0-Trans dokument) - og dels er ingen af dine scripts kompatible med X(HT)ML, så uanset hvordan du skrev din XHTML-kode (og i hvilken version), vil det altid være HTML-fortolkeren, der behandler dine sider. Endelig server du dine dokumenter som 'text/html' - og så er det under alle omstændigheder HTML-fortolkeren, der arbejder  ;o)

At skrive XHTML kræver dramatisk mere end blot at få koden valideret på W3C. Valid kode er ikke nødvendigvis god eller korrekt kode - men god kode er _altid_ valid!  ;o)

Nu, vi har fat i dine scripts, er der forresten ikke ret meget, der performer dårligere end at skifte CSS-klasse på et HTML-element. I stedet bør du skifte de enkelte style-prperties på elementets style-objekt.

/mvh
</bole>
Avatar billede webudvikleren Nybegynder
11. december 2006 - 14:36 #4
Okay Ole. Nu har jeg fjernet den encoding :-)
Men det hjælper jo ikke rigtigt på mit problem :(

Nu hvor du ved så ufatteligt meget om html og css, kan du så eventuelt se hvad jeg gør forkert i min kode? Gør jeg det ikke rigtigt med at escape det med clear:both, da?

På forhånd tak endnu engang!
Avatar billede webudvikleren Nybegynder
12. december 2006 - 17:27 #5
Ikke nogle med idéer til at løse det?
Avatar billede olebole Juniormester
13. december 2006 - 15:09 #6
Jeg har endnu ikke en IE7 på denne maskine - og kan umiddelbart ikke genskabe problemet i IE6 ... eller også forstår jeg ikke, hvad problemet er  =)
Avatar billede webudvikleren Nybegynder
18. december 2006 - 19:58 #7
Well, tak for svar.. Gider du smide svar ole? - Vi fik ikke løst problemet, men jeg håber da jeg kan finde den på et senere tidspunkt.
Avatar billede webudvikleren Nybegynder
28. januar 2007 - 16:16 #8
Nå, lukketid så.
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