Oprettet tor. d. 27. november 2008 kl. 12:48:59

jonasthyssen
jonasthyssen (6.625 point. Point ude: 0)

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/ (...)

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é

Skrevet tor. d. 27. november 2008 kl. 15:54:41| #1

olebole
olebole (214.613 point)
<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>

Skrevet tor. d. 27. november 2008 kl. 21:20:16| #2

jonasthyssen
jonasthyssen (6.625 point)
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/ (...)

Skrevet tor. d. 27. november 2008 kl. 22:59:38| #3

zips
zips (31.987 point)
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

Skrevet fre. d. 28. november 2008 kl. 08:20:50| #4

jonasthyssen
jonasthyssen (6.625 point)
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?

Skrevet fre. d. 28. november 2008 kl. 18:46:33| #5

zips
zips (31.987 point)
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.

Skrevet lør. d. 29. november 2008 kl. 20:44:21| #6

jonasthyssen
jonasthyssen (6.625 point)
Genialt, det var jeg slet ikke klar over.

tusind tak for hjælpen endnu engang.

Skrevet lør. d. 29. november 2008 kl. 23:57:55| #7

zips
zips (31.987 point)
Tak for point :)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

hvordan fungerer en "phone version" af en side?

Oprettet den 25. maj 2012 kl. 13.03
kurdo giver 200 point for svar | Giv et svar »

Opsætning af design

Oprettet den 24. maj 2012 kl. 20.33
EveryMA giver 60 point for svar | Giv et svar »

adchoices - hvordan opretter man en konto?

Oprettet den 24. maj 2012 kl. 10.53
svogerslev giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger