>> Det jeg er ude efter er blot at højden automatisk følger indhold- Jeg
>> synes, jeg blot plejer at definere height:auto, men det virker ikke, så
>> jeg har overset/glemt et eller andet. I øjeblikket er style sheetet
>> lavet, så der kun er height:auto, og hvis i ser i FF, så funkerer det
>> slet ikke? -->
www.malenehald.dk/projects/bookband/kopi_dansebands.htm
>
> Du kan jo ikke både blæse og have mel i munden:
> Et elements højde indretter sig efter indholdet,
> medmindre du giver elementet en eksplicit højde.
> Og hvis et element har en eksplicit højde, og der
> kommer mere indhold end der er plads til - for eksempel
> ved at en bruger øger tekststørrelsen - er du nødt
> til at forholde dig til overflow, der som "standard"
> er forskellig fra browser til browser, medmindre
> du bestemmer en værdi.
>
> Der er to problemer her, som du forsøger at tackle
> med absolutte (fikserede) bredder og højder:
> 1) at sikre at indhold der kommer efter 2 spalter
> skubbes nedad uanset hvilken en af spalterne der
> har det meste indhold, og
> 2) at skabe udseende af at de to spalter er lige høje.
>
> Problem 1 løses ved at bruge floatede elementer
> til at lave de to spalter og clear'e de floatede
> spalter, se min artikel
>
http://webdesign101.dk/css/floatcontainer.php
>
> Problem 2 kan løses på forskellige måder,
> hvis der kun er tale om en kulørt baggrund vil jeg
> anbefale Stu Nichols' metode, som jeg beskriver
> i slutningen af artiklen
>
http://webdesign101.dk/csslayout/equal_height_spalter.php
> jf. eksemplet
>
http://webdesign101.dk/csslayout/ex/nichols_3.html
Inden jeg gik i krig med dine forslag (overskrifterne sagde mig ikke noget i
forhold til hvad mit problem var), så prøvede jeg at kigge på min kode med
friske øjne. Jeg skal gerne indrømme at jeg gætter mig frem når jeg skal
have tingene til at virke, og ikke altid baserer dem på en lang teknisk
css-forklaring, men jeg fik det alligevel til at virke:
www.malenehald.dk/projects/bookband/index.htm og
www.malenehald.dk/projects/bookband/skabelon_bands.htm
På min egen pc (som er det eneste sted jeg har testet), ser det fint ud i
FF, Opera og IE6, så nu vil jeg gå videre og teste andre steder, samt lave
flere testsider.
Min CSS validerer desværre ikke, pga min brug af transperancy operatorerne -
dem har jeg pænt sakset fra et website jeg pt ikke lige kan finde linket på.
Som med så meget andet, intersserer jeg mig ikke for den tekniske forklaring
bag koderne, hvis de virker som jeg ønsker i første forsøg. De transperante
elementer vises ikke i Opera, men da det er en meget lille procentdel der
bruger denne browsewr (mig og nogle nordmænd), så lader jeg det være som det
er.
>> Jeg prøvede det stykke kode du henviser til, men der kom ingen forandring
>> i nogen af siderne. Skal det hedde "content" for at virke, for jeg
>> omdøbte den til container, fordi det er navnet i mit style sheet
>
> Nu har du både .container og #content og
> sørme også
> head+body #content {
> height:auto;
> }
> hvor du har body som nærmest søskende til html -
> en svær betingelse at opfylde, hvis du også har en title.
> Jeg har en grum mistanke om at du ikke helt har styr på
> dit stylesheet, Malene...
Jeg er ikke før stødt på, at man skriver (X)+(X) i et tag, så jeg forstår
nok ike brugen af det - jeg bruger heller aldrig "html" i min css - det er
ikke noget jeg er stødt på de steder hvor jeg har lært mig css?
Din mistanke er såmænd god nok - jeg er absolut ikke god til koder, men det
har jeg heller aldrig påstået:) Jeg er blot glad for at der er nogen rundt
omkring på nettet der har lyst til at tage sig tid til at svare på
spørgsmål. Jeg er da trods alt noget rimeligt langt på egen hånd, ikke?
Anyways, du kan jo altid selv spørge om lov hvis du vil have et designråd
eller to til din egen hjemmeside;) Vi er ikke alle eksperter i det hele...
> Som altid i den slags situationer råder jeg til at gå back to basics - lav
> en layout-skabelon, som du kan overskue, og
> som fungerer i både IE6/7, Opera og FF, og brug kun de
> nødvendige markører og formdeklarationer. Først da
> er det betimeligt at begynde at putte meget indhold i
> og lave mange sider.
Jeg har en basisskabelon som jeg har brugt flere gange, som dette style
sheet også bygger løseligt på. Mystisk nok opførte det sig ikke som jeg
havde forventet, hvilket jeg stadig er mystificeret over, men det er ikke
noget jeg lægger søvnløs over, hvis browserne viser det pænt og det
validerer;)
> Ja bortset fra url'en (se min signatur) står jeg da ved, at
>
> <![if !IE]>
> ...
> <![endif]>
>
> kun læses af IE og /skjuler/ indholdet for denne browser, men læses af
> alle andre browsere, der ser det som det er,
> en vanskabt markør, hvis indhold skal vises.
>
> Det er bare sjældent at se den anvendt, da w3c's validator
> også opfatter det som en vanskabt markør.
Ah, jeg har nok ikke nærlæst din artikel (jeg er en skimmer når det gælder
lange artikler). Jeg har også løst det problem der gjorde at jeg havde brug
for markøren på en anden måde, så nu er den væk igen.
Bortset fra det - hvis nok begynder at bruge den, og w3 kan se markørernes
berettigelse, ender den vel med at komme med i en senere udgave af
standarderne?
Tak for din hjælp, som altid satte det mig på rette spor til at få løst mine
kodeproblemer.
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
--
Malene Hald
www.malenehald.dk