/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS repeat?
Fra : alexander


Dato : 29-06-07 15:16

Hej, jeg er igang med et webprojekt og har prøvet at sætte det op
i div med css, istedet for tabeller som jeg plejer, og er stødt
på et problem når jeg har mere indhold på siden end den er lang..
http://dc-system.gfxr.dk/?r=dcs&q=1&lang=dk, nogen der kan
fortælle mig hvad jeg gør forkert, min css ser således ud til det
der skal repeates
   #repeat {
      position: absolute;
      z-index: 0;
      height: 100%;
      width: 827px;
      background-image: url('graphic/repeat.png');
   }
   #repeat_ref {
      position: absolute;
      left: 653px;
      background-image: url('graphic/ref-repeat.png');
      z-index: 1;
      height: 100%;
      width: 172px;
   }

--
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

 
 
Jørgen Farum Jensen (29-06-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 29-06-07 18:39

alexander skrev:
> Hej, jeg er igang med et webprojekt og har prøvet at sætte det op
> i div med css, istedet for tabeller som jeg plejer, og er stødt
> på et problem når jeg har mere indhold på siden end den er lang..
> http://dc-system.gfxr.dk/?r=dcs&q=1&lang=dk, nogen der kan
> fortælle mig hvad jeg gør forkert, min css ser således ud til det
> der skal repeates
>    #repeat {
>       position: absolute;
>       z-index: 0;
>       height: 100%;
>       width: 827px;
>       background-image: url('graphic/repeat.png');
>    }
>    #repeat_ref {
>       position: absolute;
>       left: 653px;
>       background-image: url('graphic/ref-repeat.png');
>       z-index: 1;
>       height: 100%;
>       width: 172px;
>    }
>

Dit problem hænger samme med at du
bruger position:absolute. Elementer
med denne egenskab øver ingen indflydelse på
sidens øvrige elementer, og får den bredde og
højde, som indholdet tilsiger /eller/ den bredde
og højde som sættes i et stylesheet. Og du
har en højde på 100%. Af hvad? Et overordnet element,
browservinduet eller hele siden?

Det er meget nemmere blot at lade elementerne
følge efter hinanden i den naturlige orden i
hver af de to kolonner, du åbenbart tilstræber.
På siden
http://webdesign101.dk/csslayout/oversigt.php
finder du links til en 30-40 layoutmodeller, der
alle er meget simplere end det, du er begyndt på.

--

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

alexander (29-06-2007)
Kommentar
Fra : alexander


Dato : 29-06-07 20:14

Mange tak for hjælpen, det prøver jeg at rode lidt med ;)

--
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

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408523
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste