---

Sikke udfordringer der er ved at lave hjemmesider!
Jeg er ved at lave en kontaktside til en hjemmeside.

Under billeder skal der være 4 linier og det virker fint på min
mac,
men når jeg ser dem i explorer i windows, så bliver nogle af dem
til 5 linier og det er der ikke plads til!!!

Afstanden mellem bogstaverne bliver større i explorer, kan jeg
forhindrer det, uden at lave px. str. mindre?

http://staal-lundis.dk/sider/kontakt.html

Betina

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Betina skrev:

> Under billeder skal der være 4 linier og det virker fint på min
> mac,

Hvilken browser?


> men når jeg ser dem i explorer i windows,

Hvilken version?


> Afstanden mellem bogstaverne bliver større i explorer, kan jeg
> forhindrer det, uden at lave px. str. mindre?
>
> http://staal-lundis.dk/sider/kontakt.html

I Firefox er siden helt gal. Grundlæggende har du anvendt en
problematisk strategi til at placere billederne - når du
positionerer absolut forhindrer du nemlig browseren i at tilpasse
billederne i forhold til teksten. Hvis du skalerer teksten i FF kan
du se hvor galt det kan gå.

Jeg ville anvende en tabel til opstillingen - her sikrer man at
rækkerne bliver på deres plads. Når du opdeler siden i rækker og
kolonner, er det at gå over åen efter vand at lave en div-baseret
løsning.

En mulighed - hvis man absolut vil undgå tabellerne - er at bruge
floatede bokse, men det kræver noget mere tilpasning at få alt på
plads.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

---

Betina skrev:
> Sikke udfordringer der er ved at lave hjemmesider!
> Jeg er ved at lave en kontaktside til en hjemmeside.
>
> Under billeder skal der være 4 linier og det virker fint på min
> mac,
> men når jeg ser dem i explorer i windows, så bliver nogle af dem
> til 5 linier og det er der ikke plads til!!!
>
> Afstanden mellem bogstaverne bliver større i explorer, kan jeg
> forhindrer det, uden at lave px. str. mindre?
>

Jeg tror du skal gentænke din sidestruktur,
den effekt, du skriver om, får du
også hvis en bruger anvender browserens
tekststørrelsesværktøj.

Det har du forhindret i IE/Win ved at sætte
tekststørrelsen i pixels, men det hjælper
jo ikke noget, hvis folk bruger en anden
browser end IE.

Sæt din skriftstørrelse i em'er, for
eksempel 0.85em for dine tekstelementer.

Gentænk så dit indholdslayout langs følgende
retningslinier:

Hvert billede og tilhørende tekst indsluttes i en
<div class="pixboks">
<img src="..." alt="..." width="..." height="...">
<p>Billedtekst1<br>
....
....
</p>
</div>

Disse kasser left-floater du:

..pixboks {
width:[en passende bredde]
float:left;
}
Hver kasse vil nu flyde op til højre
for den den foregående ind til der ikke
er plads til flere kasser, hvorefter den
næste kasse vil placere sig i forældreelementets
venstre margin.

Se evt. eksemplet:
http://www.webdesign101.dk/cssbog/kildekode/figur1904.html

Da det åbenbart er væsentligt for dig at
indholdskassen og menukassen har samme
(tilsyneladende) højde, skal du bruge et
særligt trick for at opnå dette, læs først
http://www.webdesign101.dk/css/floatcontainer/
og dernæst
http://www.webdesign101.dk/csslayout/float_layout.php#equal
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..