Avatar billede jonasthyssen Nybegynder
27. november 2008 - 12:48 Der er 6 kommentarer og
1 løsning

div-tag som wrapper - Hvorfor placerer den sig ikke rigtigt?

Hej Alle

Jeg har siddet og bøvlet med det her problem hele formiddagen

jeg er igang med at lave en hjemmeside i forbindelse med min uddannelse til Mediegrafiker.

opbygningen er nogenlunde sådan her:
[body]
[div id="header-wrap"]
  header indhold
[/div]
[div id="contentwrap]
  [div id="content]indhold[/div]
  [div id="sidebar]indhold[/div]
[/div]
[/body]

Mit problem er at jeg skal ligge en baggrund på #content-wrap, men at denne div ikke vil ligge sig der hvor den skal.

Her er et link til indeks.html og stylesheet.css
http://www.thyssen.frac.dk/
http://www.thyssen.frac.dk/media/stylesheet.css

Jeg har farvet div'en pink for at det er let at se hvad der sker.

Jeg har lidt svært ved at forklare hvad der sker. men når den hvide boks er blevet pink så virker det :D

håber der er nogen som har en idé
Avatar billede olebole Juniormester
27. november 2008 - 15:54 #1
<ole>

Nu er det ikke rigtig til at vide, hvordan siden skal se ud ... specielt ikke, da der er så forskellige bud, afhængig af browservalg.

Ikke fordi, jeg forventer, at underviserne på mediegrafiker uddannelsen har særlig viden om webkode, men selvom din lærer ikke skulle vide det, så er dine scripts ikke kompatible med XHTML. De er end ikke valide i forhold til HTML 4.01 og DOM Level 1 ...! Derudover fylder skidtet en middelsvær krig, når sagesløse brugere tvinges til at downloade dem.

Bemærk også, at din server sender siden som iso-8859-1 uanset, hvad du skriver i din Content-Type meta.

/mvh
</bole>
Avatar billede jonasthyssen Nybegynder
27. november 2008 - 21:20 #2
Se det var jo volapyk i mine ører.

Vi lærer ikke en skid af alt det du lige fyrede af, derofr synes jeg også det er komplet åndsvagt at det er et krav at vi skal have en hjemmeside, når vi ikke lærer andet end basal html og css.
Mit spørgsmål var: hvordan får jeg min #content-wrap div til at sidde rigtig? den skal omslutte de to div andre divs, som jeg også skrev ovenfor.

Har også lavet en lille illustration her: http://www.hol.dk/traad.aspx?fid=19&tid=465862
Avatar billede zips Juniormester
27. november 2008 - 22:59 #3
Det ser ud til du mangler en <div style="height:0;overflow:hidden;clear:both">&nbsp;</div>

Prøv at sætte den lige efter din div som slutter din Blog, hvis du bruger vis kilde er det linje 100
Avatar billede jonasthyssen Nybegynder
28. november 2008 - 08:20 #4
nice, det virkede!

tusind tak.

nu har jeg ikke tænkt det igennem endnu, men hvad er det der gør at det nu virker? og hvorfor på linje 100?
Avatar billede zips Juniormester
28. november 2008 - 18:46 #5
For at få en div til at fylde/indeholde dine float'ede div skal du clear'e dine floats - ellers fylder dine float'ede elementer ikke noget.

Grunden til linje 100 var udfra en test jeg lavede af din kode, men det er den sidste div inden afslutningen på din content-wrap og næsten sikker på at det var her den skulle være.
Avatar billede jonasthyssen Nybegynder
29. november 2008 - 20:44 #6
Genialt, det var jeg slet ikke klar over.

tusind tak for hjælpen endnu engang.
Avatar billede zips Juniormester
29. november 2008 - 23:57 #7
Tak for point :)
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