Billede gør template for stor

[kancaie]

Hej..
Er der en måde hvorpå jeg kan tvinge mit template til at holde den str. jeg har angivet, så hvis at der placeret indhold der er bredere end templated så kommer der en rullebare på istedet for ??

/Rex

[solsikkehaven]

overflow: auto;

??

http://www.quirksmode.org/css/overflow.html

[kancaie]

overflow: auto;

??

http://www.quirksmode.org/css/overflow.html

Øhh tak, det vidste jeg da egentlig godt når jeg får det fortalt igen...

Det virker bare ikke i IE6 - men undre det nogle ??
/Rex

[kancaie]

Hov der
Kan man egentlig ikke implementere det i php/html koden, fremfor i css'et, på den måde skulle det jo virke i alle browsere.

/Rex

[zimmik]

Du kan prøve at skrive

Code: Select all

img { max-width: 100% !important; }

Så burde alle billeder på siden ikke kunne blive bredere, end den div / table-celle det er indsat i.

[Gadensgaard]

Simon skal ";" ikke flyttes til før !important?

img { max-width: 100%; !important }

[tresan]

Nej.

[kancaie]

Du kan prøve at skrive

Code: Select all

img { max-width: 100% !important; }

Så burde alle billeder på siden ikke kunne blive bredere, end den div / table-celle det er indsat i.

Jeg kan ikk få det til at virke i IE6, og FF skrumper billedet så det slet ikke kan ses

Er er der virkelig ikk en måde man kan gøre det på så det gælle for alle browsere ?

/Rex

[tresan]

!important medvirker at IE6 ikke kan læse linien.
Du skal derfor lave en linie til IE6 ud over den med !important.

Det er desuden ikke sikkert at en width på 100% på image er særligt definerende - det kommer an på hvor img loades.
Så hvis du vil bestemme størrelsen på et billede til alle browsere skal du lave selve angivelsen af bredde og højde på selve billedet.

[kancaie]

!important medvirker at IE6 ikke kan læse linien.
Du skal derfor lave en linie til IE6 ud over den med !important.

Det er desuden ikke sikkert at en width på 100% på image er særligt definerende - det kommer an på hvor img loades.
Så hvis du vil bestemme størrelsen på et billede til alle browsere skal du lave selve angivelsen af bredde og højde på selve billedet.

Hmm tja jeg kan se at jeg har meget at lære endnu, mht til css og html/php kodning.
Men er der virkelig ikke en måde hvorpå at man man sætte en 100% fast str. på en celle, så ikke at indhold kan gå udover den ??

/Rex

[tresan]

overflow: hidden;

Så gemmes det overskydende.

Men hvis et billed er sat til en større bredde og højde så betyder det så bare at det gemme og ikke at det resizes.

Det kommer altså i høj grad an på den konkrete situation hvordan problemstillingen løses optimalt.

[kancaie]

overflow: hidden;

Så gemmes det overskydende.

Men hvis et billed er sat til en større bredde og højde så betyder det så bare at det gemme og ikke at det resizes.

Det kommer altså i høj grad an på den konkrete situation hvordan problemstillingen løses optimalt.

Igen er problemet at IE6 ikke håndtere "overflow" af en eller anden mærkelig grund, det funger jo fint i FF

Meen jeg tager den lige med google, og måske jeg finder noget der kan hjælpe mig

/Rex

[tresan]

Du skal huske at bruge

position:relative;

Når du bruger overflow for at få korrekt visning i IE6 og IE7.

[kancaie]

Fixede den
brugte "bare" table-layout: fixed;

/Rex