Så virker det fint. Men hvis jeg lukker den øverste div tag: <div id="Skal"> </div> <div id="Fyld"> </div> <div id="Menu"> </div> <div id="Topbanner2"> </div>
Så fungerer det overhovedet ikke. Nogen der kan hjælpe med med en forklaring på hvorfor det opfører sig som det gør, og hvordan jeg får det lavet korrekt?
Tror ikke lige jeg forstår spm. Hvad mener du med "Men hvis jeg lukker den øverste div tag". For det andet SKAL du fjerne <?xml version="1.0" encoding="iso-8859-1"?> for ellers vil IE gå i quirkmode og så bliver det svært at få det ens i forskellige browsere.
Notes> Hvorfor skal jeg fjerne <?xml version="1.0" encoding="iso-8859-1"?> ? Skal jeg så ikke er statte det med noget andet? Jeg bruger et cms system der hedder joomla og det genererer vist selv den bid kode. Har fjernet det fra min index.php men med det resultat at ander ting på siden ikke virkede. Med at lukke, mener jeg at jeg afslutter med at skrive </div>. Skal jeg lukke hver div tag med </div> eller skal jeg først lukke det hele når jeg har lagt alle de div tags ind, som jeg vil have inde i min "skal"?
Jowii> Årsagen til det ikke er rigtigt som øverst, er at når jeg viser siden i Firefox, så er der en ret stor forskel fra den måde det vises i IE på.
Til og med IE6 vil browseren gå i qurirkmode. Dvs at den har en hel masse css bugs kendt helt tilbage fra tiderns morgen. IE7 går derimod ikke i quirkmode og så vil du få problemet der. Hvis du vil have det nemt så sørg for at browseren ikke går i quirkmode. Bare et godt råd. Mht dine divs så skal et div tag altid lukkes med et slut tag. I det øverste eks har div element indeholdende 3 div elementer. I det nederste har du bare 4 div elementer efter hinanden....
Okay ... men vil det sige at hver gang jeg har lavet et div tag, så skal det afsluttes med </div>?
Hvis det er sandt, hvordan kan jeg så placere "kasser" inde i et div tag? F.eks indeholder min "skal" 5 forskellige bokse, der skal floate rundt og placeres over og under hinanden ...
Begge dine eks er valide, de kommer an på hvad du vil lave men brug float hvis dine kasser skal stå ved siden af hinanden, eller skriv præcis hvad du vil opnå. Så kan vi jo se om vi kan få det til at lykkes... Men er først tilbage i morgen
<div id="Skal"> <div id="Fyld"> Her er fyld </div> <div id="Menu"> Her er menu </div> <div id="Topbanner2"> Her er topbanner2 </div> </div>
Så bliver det tydeligt, at i ovenstående er de andre div'er indlejret i den ydre, i nedenstående ligger de på samme niveau, altså udenfor hinanden ...
<div id="Skal"> Her er skal </div> <div id="Fyld"> Her er fyld </div> <div id="Menu"> Her er menu </div> <div id="Topbanner2"> Her er topbanner2 </div>
DEr er ikke nogle af dine divs der er forkerte. Kommer an på hvad du vil lave. Vil du lave mange elementer, eller vil du lave et større element, indeholdene, mindre elementer.
Det er svært at hjælpe dig mere, når du ikke fortæller hvad du gerne vil opnå.
"Hvis det er sandt, hvordan kan jeg så placere "kasser" inde i et div tag?"
Det er hvad du har i dit øverste eksempel. Der er det først div blevet lukket i bunden og overholder dermed kravene ;) Med roenvings indrykninger kan du se, at den øverste er lukket, og indeholder tre andre divs, der alle er lukkede og har noget indhold.
Jeg gik lidt i sort i går aftes og kodede så det meste om indtil kl. halv fire i morges. Nu har jeg (næsten) det design jeg vil have. Og jeg har endvidere også fået svar på mine oprindelige spørgsmål + jeg nu ved havd quirksmode er.. Jeg er blevet noget mere opmærksom på hvad doctype er og hvordan det skal forstås, selvom jeg endnu ikke er helt inde i det.
Jeg kan nu også se, at en a problemerne med mit gamle design, var at jeg ikke havde forstået hvordan jeg placerer div tags ordentligt. Det tror jeg at jeg har bedre styr på nu. Så ... jeg lukker og giver point :)
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.