/ 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
låse maincontent
Fra : Lars Bjarne Christen~


Dato : 23-01-11 00:36

Jeg har "fået blod på tanden", efter at løst problemet med runde
kanter, har jeg forsøgt at finde vejledning og eksempler på
hvordan man låser den midterste del på en CSS-webside.Sagen er at
jeg har lavet en side der består af top og menu, der er låst med
hensyn til redigering. I midten har jeg en div "maincontent",
hvor jeg vil ligge f.eks billeder ind. Siden fylder en del og kan
derfor ikke være på en synlig side, man er nød til at scrolle og
da følger top og en bund div med ved scrolling. Er der ikke en
måde hvor man kan kode det således at det kun er indholdet i
"maincontent" man scroller. Jeg synes det virker forkert at top
og bund scroller med.
På forhånd tak!

Mvh. Lars

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

 
 
Erik Ginnerskov (23-01-2011)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-01-11 01:16

Lars Bjarne Christensen wrote:
> Er der ikke en
> måde hvor man kan kode det således at det kun er indholdet i
> "maincontent" man scroller. Jeg synes det virker forkert at top
> og bund scroller med.

Jo:

http://hjemmesideskolen.dk/html/testsider/fixed.php

--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk



Lars Bjarne Christen~ (23-01-2011)
Kommentar
Fra : Lars Bjarne Christen~


Dato : 23-01-11 01:55

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Lars Bjarne Christensen wrote:
> > Er der ikke en
> > måde hvor man kan kode det således at det kun er indholdet i
> > "maincontent" man scroller. Jeg synes det virker forkert at top
> > og bund scroller med.
>
> Jo:
>
> http://hjemmesideskolen.dk/html/testsider/fixed.php
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://ginnerskov.dk - http://html-faq.dk

Hej Erik Ginnerskov!

Tak for dit svar og, dit eksempel ser overskueligt ud, men kan jeg
implementere det i CSS? Jeg har gjort et udkast til en hjemmeside på
www.lbc-webtest.dk og en af punkterne i menuen hedder "fotogalleri".
Netop denne side har mange billede under hinanden og det bevirker at
man skal scrolle hele siden med top-og bund menu, - det vil jeg
gerne undgå. Jeg har kun kendskab til hvordan jeg gjorde i FrontPage
med frames og er i det indledende stadie af CSS for begyndere.

Mvh. Lars
>
>


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

Karl Erik Christense~ (23-01-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 23-01-11 02:51

On 23-01-2011 00:36, Lars Bjarne Christensen wrote:
> Jeg har "fået blod på tanden", efter at løst problemet med runde
> kanter, har jeg forsøgt at finde vejledning og eksempler på
> hvordan man låser den midterste del på en CSS-webside.Sagen er at
> jeg har lavet en side der består af top og menu, der er låst med
> hensyn til redigering. I midten har jeg en div "maincontent",
> hvor jeg vil ligge f.eks billeder ind. Siden fylder en del og kan
> derfor ikke være på en synlig side, man er nød til at scrolle og
> da følger top og en bund div med ved scrolling. Er der ikke en
> måde hvor man kan kode det således at det kun er indholdet i
> "maincontent" man scroller. Jeg synes det virker forkert at top
> og bund scroller med.
> På forhånd tak!
>
> Mvh. Lars
>

#Maincontent {
   height: 400px; //Den højde du finder passende - i px eller %
   overflow: scroll;
}

Men overvej om ikke du skulle lave en "box" til billederne, i Maincontent:

..billedbox (
   height: 400px;
   width: 400px;
   overflow: scroll;
]

<div id="Maincontent">
   <div class="billedbox">
      <img src="billede.png" alt="billede af hus" /><br />
      <img src="billede2.png" alt="billede af køkken" /><br />
      ............
   </div>
</div>

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign


Lars Bjarne Christen~ (23-01-2011)
Kommentar
Fra : Lars Bjarne Christen~


Dato : 23-01-11 03:15

Karl Erik Christensen wrote in dk.edb.internet.webdesign.html:
> On 23-01-2011 00:36, Lars Bjarne Christensen wrote:
> > Jeg har "fået blod på tanden", efter at løst problemet med runde
> > kanter, har jeg forsøgt at finde vejledning og eksempler på
> > hvordan man låser den midterste del på en CSS-webside.Sagen er at
> > jeg har lavet en side der består af top og menu, der er låst med
> > hensyn til redigering. I midten har jeg en div "maincontent",
> > hvor jeg vil ligge f.eks billeder ind. Siden fylder en del og kan
> > derfor ikke være på en synlig side, man er nød til at scrolle og
> > da følger top og en bund div med ved scrolling. Er der ikke en
> > måde hvor man kan kode det således at det kun er indholdet i
> > "maincontent" man scroller. Jeg synes det virker forkert at top
> > og bund scroller med.
> > På forhånd tak!
> >
> > Mvh. Lars
> >
>
> #Maincontent {
>    height: 400px; //Den højde du finder passende - i px eller %
>    overflow: scroll;
> }
>
> Men overvej om ikke du skulle lave en "box" til billederne, i Maincontent:
>
> ..billedbox (
>    height: 400px;
>    width: 400px;
>    overflow: scroll;
> ]
>
> <div id="Maincontent">
>    <div class="billedbox">
>       <img src="billede.png" alt="billede af hus" /><br />
>       <img src="billede2.png" alt="billede af køkken" /><br />
>       ............
>    </div>
> </div>
>
> Karl Erik.

Hej Karl Erik!

Du har simpelthen været en uvurderlig hjælp. Genialt forslag og jeg har
implementeret forslaget og det virker bare. Jeg vil gå i seng nu og helt
sikkert svæve et par centimeter over lagenet. Den står helt sikker ikke på
"får" i nat, men "CSS" der hoper over puden!
Hvilken dag!

Tusind tak for hjælpen og god nat!

Mvh. Lars
>
> --
> http://dmwebdesign.dk - DM i Webdesign
> http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
> http://webdesign.ranunkelvej.com - Artikler om webdesign
>


--
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 : 177549
Tips : 31968
Nyheder : 719565
Indlæg : 6408820
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste