11. december 2006 - 17:52Der er
22 kommentarer og 1 løsning
Dokument fejler når stylesheet er indeni <head>
Jeg har et kæmpe stylesheet som fylder 262 linier og det ville være lidt dumt at poste det herind, derfor siger i bare til hvis i skal bruge nogle specifikke koder fra mit stylesheet!
'Problemet' er at designet ændre højde hvis jeg placere stylesheetet indeni <head>. Eller faktisk så fejler det lige meget hvor jeg sætter det - undtagen HELT I TOPPEN af dokumentet. Jeg synes det er relevant at vise min css kode der definere body, så den står her:
Din CSS kode bør ligge i en .css-fil, og ikke direkte i head/dokumentet.
Især ikke hvis det fylder 262 linier.
I stedet før du sådan her:
1) Opret en fil med navnet "stil.css" 2) Put CSS koden i filen (uden <style...> og </style>) 3) Put stil.css sammen i roden af dit webhotel, eller en decideret mappe ("/css") 4) Link til den med: <link rel="stylesheet" type="text/css" href="http://www.dinside.dk/css/stil.css">
Den er testet i IE,FF og Opera.. så det er skam ikke en desideret browser fejl, det er bare noget som går galt.. men hvad dét kan være er umuligt for mig at sige..
Da jeg ikke selv har nogen hjemmeside fik jeg heldigvis lov til at have sønnens kammerats hjemmeside - heldigt han var på besøg ;)
de er downloadet uden billeder, men det er heller ikke det væsenligste.. jeg har uploadet 3 filer.. et stylesheet og to filer som linker til det samme stylesheet, men på den ene ligger linket til stylesheetet før doctypen og på den anden ligger det efter doctypen.. kig i kildekoden:
Det er vist den klassiske med en tabel der ikke er 100% høj. Dette findes der et hav af tråde omkring, men som udgangspunkt angiver du ikke nogen højde på din body/html.
Da du angiver 100% højde på din hovedtabel, ja så ved den jo ikke hvad den skal de 100% svarer til.
Prøv og søg på "100% høj" i CSS kategorien her på E, så vil du få et hav af løsningsforslag.
En enkelt ting til spørgeren: Det hedder et stylesheet, uanset om koden ligger direkte i head-elementet eller er skrevet i en selvstændig fil, der importeres ;o)
Derudover foreskriver CSS, at når et element får sat en relativ højde (f.eks. i procent), skal browseren udregne denne på baggrund af det omkransende elements højde ... som derfor eksplicit skal være sat! Det gælder alle elementerne i kæden fra det pågældende element - helt ud til dokument-elementet (det, der implementeres med html-tagget).
Jeg har prøvet at søge som goose foreslog og de løsninger jeg finder virker hvis de er i et seperat dokument, men ligeså snart jeg sætter det ind i min kode jamen så virker det ikke..
Jeg orker ikke at sidde og eftergøre dit site lokalt (og det hjælper jo ikke meget med den smule kode, du viser i seneste indlæg).
Prøv i stedet at lave et eksempel med lokalt stylesheet og et med remote stylesheet - og upload dem begge. Så kan vi formodentlig finde udaf, hvad du gør forkert =)
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.