Avatar billede Jakie Juniormester
13. marts 2011 - 19:32 Der er 14 kommentarer og
1 løsning

Divs vil ikke tilrette sig efter indhold!

Hej eksperter.

Jeg har det problem af mit indhold ikke vil til-rette sig efter min divs.

Jeg har prøvet med noget "clear", <div style="clear: both"></div>.

Min kode ser sådan her ud:

<style type="text/css" media="screen">
  html, body {height:100%;margin:0px;padding:0px;font-family:arial,sans-serif;}
  #top  {margin: 0% 0% 0% 0%;position:relative; z-index:1;background:white;height:100px;border:1px solid silver;}
  div#banner {background:white;position:relative; z-index:1;float:left;height:100%;border:1px; solid white;}
  div#baggrund {margin: 50px 10% 50px 10%;position:relative; z-index:1;height:auto;border:0px solid white;padding:0px;background-color:white;}
  div#indhold {margin: 0% 18% 0% 18%;position:relative; z-index:1;height:auto;border:0px solid black;padding:5px 1em;background-color:white;}
  div#menu {margin:1px 22% 0% 22%;position:relative; z-index:1;float:left;border-right:0px border-left:0px solid black;padding:0 1em;background-color:white;}
  #leftcol { position:absolute;left:0px;top:100px;width:15%;border:1px solid silver;font-size:15px;padding:1%;background:white;}
  #rightcol { position:absolute;right:0px;top:100px;width:15%; border:1px solid silver;font-size:90%;padding:1%;background:white;}
  div#footer {margin:2% 21%;background:white;height:100%;position:relative; z-index:1;border:1px solid silver;}
p {margin: 0 auto 0em auto;}
  .mumle {color:white;}
  .red {color:white;}

  </style>


Håber nogen kan hjælpe :)
Avatar billede keysersoze Ekspert
13. marts 2011 - 19:52 #1
Det må helt klart være en fejl i linje 27...

sagt med andre ord, uden noget mere kode eller et link samt en nærmere forklaring af fejlen tror jeg det bliver umuligt at gætte.
Avatar billede zips Juniormester
13. marts 2011 - 19:55 #2
Der er også nogle kode fejl på siden, går ud fra det er denne http://www.ja-ki.at/ samt hvorfor laves siden med alle de position, den kan nemt laves helt ude.
Avatar billede olebole Juniormester
13. marts 2011 - 20:17 #3
<ole>

Hvis zips har ret i sin antagelse, så skriver I under "Marketing":

Som alle andre, så markedsfører vi også vores hjemmesider og produkter. Vi prøver dog alt for at vores markedsføring er etisk og moralsk [...]


Det synes jeg, er en overordentlig god idé. Derfor kan jeg kun på det varmeste anbefale, at I venter med at lokke penge ud af sagesløse mennesker, til I er kommet over 'web-på-aftenskole-stadiet'. Altenativt, at I på forsiden skriver, at I bare leger webbureau ... eller, hvad det nu er, I leger.

/mvh
</bole>
Avatar billede aaberg Nybegynder
13. marts 2011 - 21:18 #4
Tjek denne side:
http://www.barelyfitz.com/screencast/html-training/css/positioning/

Det er en tutorial på 10 trin, som beskriver hvordan man placere div elementer på en side. Den har hjulpet mig flere gange.
Avatar billede Jakie Juniormester
14. marts 2011 - 08:38 #5
<ole>

Hvis zips har ret i sin antagelse, så skriver I under "Marketing":

Som alle andre, så markedsfører vi også vores hjemmesider og produkter. Vi prøver dog alt for at vores markedsføring er etisk og moralsk [...]


Det synes jeg, er en overordentlig god idé. Derfor kan jeg kun på det varmeste anbefale, at I venter med at lokke penge ud af sagesløse mennesker, til I er kommet over 'web-på-aftenskole-stadiet'. Altenativt, at I på forsiden skriver, at I bare leger webbureau ... eller, hvad det nu er, I leger.

/mvh
</bole>

Det er en "fiktiv" side.. Kun til øvelse! :D

Den er hverken på nogen sødemaskiner osv.. Så vidt jeg ved er der intet af indholdet på siden der er ulovligt :D


Tjek denne side:
http://www.barelyfitz.com/ (...)

Det er en tutorial på 10 trin, som beskriver hvordan man placere div elementer på en side. Den har hjulpet mig flere gange.

Tak. det vil jeg kigge på :)
Avatar billede Jakie Juniormester
14. marts 2011 - 08:44 #6
Der er også nogle kode fejl på siden, går ud fra det er denne http://www.ja-ki.at/ samt hvorfor laves siden med alle de position, den kan nemt laves helt ude.

Du har helt ret.. Måske lyder det dumt, men prøver at øve mig på forskellige metoder og sådan noget :)
Avatar billede aaberg Nybegynder
14. marts 2011 - 09:27 #7
Efter du har set på de 10 trin, hvis der stadig er noget du ikke får til at virke, så skriv lidt mere detaljeret hvad det er du har prøvet, og hvad som er forkert. Og kom gerne med kodeeksempler.

Og forøvrigt: Jeg synes det er flot at du øver dig, bare stå på :)
Avatar billede Jakie Juniormester
14. marts 2011 - 15:49 #8
Jeg siger tak for alle svarene :)

Det var dog tutorialen jeg kunne bruge.. Du må derfor gerne angive et svar.

Tak for hjælpen endnu en gang :)
Avatar billede olebole Juniormester
14. marts 2011 - 16:25 #9
#5 >> Så er jeg straks meget mere rolig  *D

Hvad den linkede tutorial angår, så gælder det - som det gør for langt flertallet af tutorials på WWW - at den er skrevet af en amatør, der ikke selv er særlig stærk i CSS. Formodentlig derfor takker han på 'side' 10 en anden mere eller mindre tilfældig forfatter, som sikkert også takker en eller anden ligegyldig amatør. Det sidste kan jeg dog ikke vide, da man ikke kan se hans side, men det plejer at være sådan  :o|

På 'side' 3 i hans tutorial skriver han i en fodnote:

There is a bug in the Windows IE browser: if you specify a relative width (like "width:50%") then the width will be based on the parent element instead of on the positioning element.


Bavl!!! Den eneste bug er hos forfatteren, der ikke kender gældende regler i CSS.

Relative dimensioner på elementer (herunder dimensioner sat i %) skal browseren *altid* beregne udfra det omkransende elements dimensioner.


Dette er en overordentlig vigtig grundregel i CSS og en af de regler, der har givet anledning til flest spørgsmål på Eksperten. Således må det gule div i følgende eksempel ikke kunne ses, hvis din browser overholder standarden - helt uafhængig af, om du positionerer et eller begge div:


<div>
    Blablabla<br>
    Blablabla<br>
    Blablabla<br>
    Blablabla<br>
    Blablabla<br>
    Blablabla<br>
    <div style="width:100px;height:50%;background:yellow"></div>
</div>



Der er ét sted at lære CSS, hvis man vil være sikker på ikke at blive fyldt med fordrukne febervildelser - og det er hos W3C. To af de sites man oftest ser anbefalet er oven i købet nogle af de mest legendariske, hvad angår at være fyldt med fejl, mangler og seriøse misforståelser: html.dk og w3schools.com

Pas på derude! Der er bunker af skribenter, der fortæller dig, de ved alt om HTML, CSS, DOM, Ajax og hvad ved jeg - men skræmmende ofte ved de ikke en k*ft om det, de skriver om!
Avatar billede aaberg Nybegynder
14. marts 2011 - 18:39 #10
Her kommer svaret :)

olebole: Ham der har skrevet denne tutorial, har nok skrevet den, fordi han selv har haft problemer med div-positionering. Fordi at en tutorial er skrevet af en person som IKKE har doktor-grad i css, betyder ikke at det er en dårlig tutorial. Den er nem at forstå, og hurtig at læse igennem.

Jeg vil hellere anbefale nybegyndere at gå ind på w3schools, end at begynde med de officielle w3c standarder. Selvom w3schools ikke er perfekt, vil du meget hurtigere få resultater, og du vil meget hurtigere begynde at mestre. Desuden er det ikke altid at et dokument der overholder standarderne, ser rigtig ud i alle browsere. Og i den virkelige verden, er det vigtigere at dokumentet ser rigtig ud, end at det overholder standarder.
Avatar billede olebole Juniormester
14. marts 2011 - 19:18 #11
Vi er fundamentalt uenige!

"Ham der har skrevet denne tutorial, har nok skrevet den, fordi han selv har haft problemer med div-positionering" >> er nok den ringeste begrundelse for at skrive en tutorial. Man bør ikke skrive om noget, man ikke forstår - men om noget, man forstår. Ellers vrøvler man bare. Det er der forhåbentligt ikke nogen, der er uenig i.

Ja, den er nem at forstå og hurtigt læst. Hvad jeg ikke forstår er, hvorfor man skal komme så hurtigt igennem tingene som muligt - specielt ikke, når der er tale om hobbies, som man må formode, dyrkes af p.gr.a. lidenskab. Nyd, det du laver - ellers er det nok fornuftigt at lave noget andet.

Man sætter sig jo heller ikke ved en lækker middag for at få den hugget i sig i en fart, så man kan komme på WC og aflevere den igen ... eller? Jeg tør slet ikke høre om dit sexliv!  :D

På den anden side passer dine holdninger sikkert langt bedre til dagens samfund, hvor mere eller mindre tallentløse, konkurrerende amatører på TV kan lægge gaderne øde. Det eneste positive ved den slags er, når Blackman lufter sine sandheder.

"Og i den virkelige verden, er det vigtigere at dokumentet ser rigtig ud, end at det overholder standarder." >> Jamen, vi taler jo netop om en fejl, der har store implikationer vedr. visningen. Læs, hvad jeg skriver: "Dette er en overordentlig vigtig grundregel i CSS og en af de regler, der har givet anledning til flest spørgsmål på Eksperten". Man kan ligeså godt lære at gøre tingene rigtigt i første omgang  ;o)
Avatar billede Jakie Juniormester
14. marts 2011 - 20:06 #12
Olebole:

Hvor vil du så anbefale at man søger sin viden om fx css eller andre kodningssprog? :)
Avatar billede keysersoze Ekspert
14. marts 2011 - 20:37 #13
Programmering er et fag på lige fod med at være murer, vvs'er eller tømrer - og selvom de fleste nok kan slå et søm i osv er der selvfølgelig en forskel på det samlede færdige resultat om det er lavet af en der kan sit fag eller en der laver det som hobby.

Jeg henviser også ofte til de sider olebole nævner men det skyldes desværre i højere grad mangel på bedre let tilgængeligt materiale end at jeg synes siderne er gode - det eneste rigtige sted at søge hen er W3s egen side men den er bare ikke specielt tilgængelig for hobby-folk.

Og det er netop her jeg mener man individuelt må gøre op med sig selv hvad man vil - vil man gøre det til sit fag og sin karriere må man bruge den tid det nu kræver at uddanne sig fremfor bare at springe over hvor gærdet er lavest og hurtigst muligt nå frem til noget der ligner noget der virker. Bare fordi det er muligt at skaffe sig viden, korrekt eller ej, på nettet fremfor at tage en reel uddannelse behøver det ikke at betyde at man kan gøre hvad man vil bare fordi det kan komme til at se ud som om det virker.

W3 er stedet at søge hen - har man søgt herhen og forstået standarderne kan man ved eventuelle problemer fremover til enhver en tid forholde sig kritisk til hvad man så end måtte finde på nettet og så begynder man også at kunne kalde det et fag fremfor en hobby.
Avatar billede aaberg Nybegynder
14. marts 2011 - 20:48 #14
Ham der har skrevet denne tutorial, har nok skrevet den, fordi han selv har haft problemer med div-positionering. Ikke HAR, men HAR HAFT. Det er jo tydeligt at han ikke har det nu! At han tager fejl om en ting i en fodnote, gør ikke resten forkert, og det gør ham ikke nødvendigvis til en amatør.

Hvis det er din hobby at lave flotte hjemmesider, så er det jo det man bruger tid på. At sige til en nybegynder inden for faget, at det første han skal gøre er at læse de officielle specifikationer, så kan du være sikker på at han bliver skræmt langt væk. Så vil jeg hellere give nogle hurtige tips, og løse et problem ad gangen, og så hellere bruge tiden på rent faktisk at lave hjemmesider, og have det sjovt!

"Og i den virkelige verden, er det vigtigere at dokumentet ser rigtig ud, end at det overholder standarder." >> Dette er en vigtig pointe for mig, da jeg arbejder som professionel it-konsulent. Jeg kan ikke komme og sige til mine kunder "Det kan godt være den ikke virker i IE7, men den overholder alle standarder". Hvis du eksempelvis underviser inden for faget, så bør du selvfølgelig have et større fokus på standarderne.

Og en sidste bemærkning: Jeg vil mene du bør tænke dig lidt mere om, før du kalder folk for dumme, talentløse og amatører. Det hjælper ingen. Hvis du ikke har noget konstruktivt at sige, hvorfor så ikke bare tie stille? Og lad være med at antyde at jeg har et dårligt sexliv, fordi jeg har en anden holding til webudvikling end du har. Det bliver bare for dumt. Og nej, det er ikke morsomt.
Avatar billede olebole Juniormester
14. marts 2011 - 21:55 #15
"Det er jo tydeligt at han ikke har det nu" >> Tværtimod! Det er helt tydeligt, at han endnu ikke har styr på CSS.

"At han tager fejl om en ting i en fodnote, gør ikke resten forkert, og det gør ham ikke nødvendigvis til en amatør" >> Hvis det var en inferiør fejl, ville du have ret - men her er der tale om en grundlæggende misforståelse af CSS' virkemåde.

Jamen, selvfølgelig skal sider på nettet da virke - hvis nogen fortæller dig noget andet, er de fyldt med ævl! Hvis man kan kode, har man da heller ikke synderlige problemer med at overholde gældende standarder og samtidig få siderne til at virke.

Til gengæld skal man ikke være en skøge for sin kunde. Hvis noget er skidt implementeret i den ene eller den anden browser - i en grad, som gør det umuligt at overholde gældende standarder - undlader man naturligvis den feature. Det giver gode og trofaste kunder, for når forholdene ændrer sig, falder hans sider ikke sammen, som naboens/konkurrentens gør. Historien viser, at hvergang en browser fejl bliver rettet, stiger antallet af spørgsmål på E markant - fra folk, der ønsker at få rettet koder, som bygger på browser bugs.

*) At være amatør er ingenlunde et skældsord. Det betyder blot, at man gør tingene 'con amore' - med kærlighed.

*) Det er lysår udenfor debat, at en meget stor del af de, der stiller op til X-Factor og andre talentshows, er totalt blanke, hvad talent angår.

*) Få styr på dine facts! I denne tråd er det kun dig, der taler om dumme mennesker og dumme handlinger - ikke mig. Læs, hvad folk skriver - i stedet for at læse, hvad dine fordomme brændende får dig til at ønske, de skriver!

*) Det er destruktivt at lære folk noget forkert, når de søger hjælp. Det modsatte er i høj grad konstruktivt. Hvorfor skulle jeg afholde mig fra noget konstruktivt, bare fordi det er politisk ukorrekt for somme?

*) Det, jeg skrev om, da jeg nævnte dit sexliv, var sandelig ikke dine holdninger til webudvikling. Det handlede om en livsholdning, der leder mod at snuppe så mange hjørner som muligt for at nå hurtigt frem. Modsætningen er at nyde processen.
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