/ 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 - height: 100% problem
Fra : Brian Bendtsen


Dato : 18-09-06 10:59

Hej

Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være
100% i højden og det giver mig nogle problemer.

Siden kan ses her:
http://www.jp-distribution.dk/test/template.htm

Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
baggrundsfarven på div-tagget leftColumn gå helt ned til adressefeltet.

Nogen der kan løse dette?

/Brian Bendtsen

 
 
Morten P. Andersen (18-09-2006)
Kommentar
Fra : Morten P. Andersen


Dato : 18-09-06 12:37

Brian Bendtsen skrev:
> Hej
>
> Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være
> 100% i højden og det giver mig nogle problemer.
>
> Siden kan ses her:
> http://www.jp-distribution.dk/test/template.htm
>
> Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
> baggrundsfarven på div-tagget leftColumn gå helt ned til adressefeltet.
>
> Nogen der kan løse dette?
>
> /Brian Bendtsen
Måske dette link kan hjælpe dig:
http://www.cssplay.co.uk/layouts/bodyfix.html

:)
Morten

Rune Jensen (18-09-2006)
Kommentar
Fra : Rune Jensen


Dato : 18-09-06 12:45

"Brian Bendtsen" wrote in message...

> Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være
> 100% i højden og det giver mig nogle problemer.
>
> Siden kan ses her:
> http://www.jp-distribution.dk/test/template.htm
>
> Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
> baggrundsfarven på div-tagget leftColumn gå helt ned til
adressefeltet.
>
> Nogen der kan løse dette?

Det er ikke så svært, når du har fast design. Hvis du laver et
baggrundsbillede, som du repeater i y-retning. Det skal have samme farve
og bredde som din indholdsdiv, og skal lægges i den omkransende DIV, så
vidt jeg kan se. Du kan lægge den i indholdsDIV også, og så ikke
definere repeat, så følger farverne hinanden.

Dette kræver fast bredde på din indholdsDIV, samt at andet i designet
undenom også ligger pixelfast (ellers skal man til at snyde, og så er
det ikke sikkert det virker i alle tilfælde).

MVH
Rune

--
4-2 the floor - future love (radio edit)



Ukendt (18-09-2006)
Kommentar
Fra : Ukendt


Dato : 18-09-06 13:19


"Brian Bendtsen" <nightowl@galnet.dk> skrev i en meddelelse
news:450e6d4f$0$13937$edfadb0f@dread15.news.tele.dk...
> Hej
>
> Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være 100%
> i højden og det giver mig nogle problemer.
>
> Siden kan ses her:
> http://www.jp-distribution.dk/test/template.htm
>
> Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
> baggrundsfarven på div-tagget leftColumn gå helt ned til adressefeltet.
>
> Nogen der kan løse dette?

prøv med følgende css

html, body { height: 100%; }


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Brian Bendtsen (18-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 18-09-06 13:41

Carsten Sørensen wrote:
> "Brian Bendtsen" <nightowl@galnet.dk> skrev i en meddelelse
> news:450e6d4f$0$13937$edfadb0f@dread15.news.tele.dk...
>
>>Hej
>>
>>Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være 100%
>>i højden og det giver mig nogle problemer.
>>
>>Siden kan ses her:
>>http://www.jp-distribution.dk/test/template.htm
>>
>>Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
>>baggrundsfarven på div-tagget leftColumn gå helt ned til adressefeltet.
>>
>>Nogen der kan løse dette?
>
>
> prøv med følgende css
>
> html, body { height: 100%; }
>
>
Hej igen

Jeg har bøvlet lidt videre med det, men der er stadig det problem at man
skal scrolle for at komme ned til bunden.

http://www.jp-distribution.dk/test/

/Brian Bendtsen

Ukendt (18-09-2006)
Kommentar
Fra : Ukendt


Dato : 18-09-06 19:58


"Brian Bendtsen" <nightowl@galnet.dk> skrev i en meddelelse
news:450e936b$0$14046$edfadb0f@dread15.news.tele.dk...

> Jeg har bøvlet lidt videre med det, men der er stadig det problem at man
> skal scrolle for at komme ned til bunden.
>
> http://www.jp-distribution.dk/test/

Jeg tror du er nødt til at forklare lidt nærmere hvad du forsøger at opnå,
for jeg kan ikke helt gennemskue det.


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk




Rune Jensen (18-09-2006)
Kommentar
Fra : Rune Jensen


Dato : 18-09-06 20:15

"Carsten Sørensen" wrote in message...

> Jeg tror du er nødt til at forklare lidt nærmere hvad du forsøger at
opnå,
> for jeg kan ikke helt gennemskue det.

Måske kunden kan fortælle, hvilken side, han har set det på? Er det
link, Morten gav dig ikke det rigtige svar så? Du vil jo aldrig kunne
undgå scrollbar helt, det sørger indholdet jo for, ligeså snart der
bliver for meget af det

MVH
Rune

--
Me & My - Fly High (Radio Edit)



Rune Jensen (18-09-2006)
Kommentar
Fra : Rune Jensen


Dato : 18-09-06 21:00

"Rune Jensen" wrote in message...

> Måske kunden kan fortælle, hvilken side, han har set det på? (...)

Var selvfølgelig henvendt til Brian, ikke CS.

MVH
Rune



Brian Bendtsen (18-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 18-09-06 21:54

Rune Jensen skrev:
> "Carsten Sørensen" wrote in message...
>
>> Jeg tror du er nødt til at forklare lidt nærmere hvad du forsøger at
> opnå,
>> for jeg kan ikke helt gennemskue det.
>
> Måske kunden kan fortælle, hvilken side, han har set det på? Er det
> link, Morten gav dig ikke det rigtige svar så? Du vil jo aldrig kunne
> undgå scrollbar helt, det sørger indholdet jo for, ligeså snart der
> bliver for meget af det
>
> MVH
> Rune
>
Hej

På første side burde der jo så ikke være en scrollbar da indholdet ikke
fylder ret meget, det er stort set det der er problemet.

/BB

Allan Vebel (18-09-2006)
Kommentar
Fra : Allan Vebel


Dato : 18-09-06 23:21

Brian Bendtsen skrev:

> På første side burde der jo så ikke være en scrollbar
> da indholdet ikke fylder ret meget, det er stort set det
> der er problemet.

Har du set siden i Firefox?

Det du ønsker er meget vanskeligt at få til at fungere i
forskellige browsere.

Prøv også at validere dine sider, der er fejl både i html
og css. Se også http://html-faq.dk/1005.asp

--
Allan Vebel
http://html-faq.dk



Ukendt (19-09-2006)
Kommentar
Fra : Ukendt


Dato : 19-09-06 11:48


"Brian Bendtsen" <kontakt@bendtsen-solutions.dk> skrev i en meddelelse
news:450f0749$0$20297$edfadb0f@dread16.news.tele.dk...

> På første side burde der jo så ikke være en scrollbar da indholdet ikke
> fylder ret meget, det er stort set det der er problemet.

Det kommer jo helt an browservinduet størrelse, men nej burde der nok ikke.
Hvis du fjerner alle dine højdeangivelser i procent vil siden have den
længde som indholdet fylder. Så simpelt er det. Det er som hovedregel
overflødigt at angive højder, og gør man det alligevel giver det ofte flere
problemer end det løser.


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Brian Bendtsen (19-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 19-09-06 14:55

Carsten Sørensen wrote:
> "Brian Bendtsen" <kontakt@bendtsen-solutions.dk> skrev i en meddelelse
> news:450f0749$0$20297$edfadb0f@dread16.news.tele.dk...
>
>
>>På første side burde der jo så ikke være en scrollbar da indholdet ikke
>>fylder ret meget, det er stort set det der er problemet.
>
>
> Det kommer jo helt an browservinduet størrelse, men nej burde der nok ikke.
> Hvis du fjerner alle dine højdeangivelser i procent vil siden have den
> længde som indholdet fylder. Så simpelt er det. Det er som hovedregel
> overflødigt at angive højder, og gør man det alligevel giver det ofte flere
> problemer end det løser.
>
>
Hej igen

Jeg takker for jeres hjælp og kommentarer, jeg har forsøgt at efterligne
modellen som Morten P. linkede til, men har et problem med scrollbaren
der ikke dukker op når den skal.

Se http://www.jp-distribution.dk/test/default.asp?pID=8

Håber der er én af jer der kan se hvad jeg mangler i min css

- og jeg ved godt at siden ikke validere endnu, det skal den nok komme til.

/Brian Bendtsen

Morten P. Andersen (19-09-2006)
Kommentar
Fra : Morten P. Andersen


Dato : 19-09-06 19:33

Brian Bendtsen skrev:

> Hej igen
>
> Jeg takker for jeres hjælp og kommentarer, jeg har forsøgt at efterligne
> modellen som Morten P. linkede til, men har et problem med scrollbaren
> der ikke dukker op når den skal.
>
> Se http://www.jp-distribution.dk/test/default.asp?pID=8
>
> Håber der er én af jer der kan se hvad jeg mangler i min css
>
> - og jeg ved godt at siden ikke validere endnu, det skal den nok komme til.
>
> /Brian Bendtsen

Hej Brian
Prøv at indsætte nogle tomme linier ( <br /> )i den div hvor dit content
bliver indsat ...... det er nok lidt noget snyd.....men har selv
brugt det og det virker!

:)
Morten
www.lille-web.dk

Brian Bendtsen (20-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 20-09-06 07:42

Morten P. Andersen wrote:
> Brian Bendtsen skrev:
>
>> Hej igen
>>
>> Jeg takker for jeres hjælp og kommentarer, jeg har forsøgt at
>> efterligne modellen som Morten P. linkede til, men har et problem med
>> scrollbaren der ikke dukker op når den skal.
>>
>> Se http://www.jp-distribution.dk/test/default.asp?pID=8
>>
>> Håber der er én af jer der kan se hvad jeg mangler i min css
>>
>> - og jeg ved godt at siden ikke validere endnu, det skal den nok komme
>> til.
>>
>> /Brian Bendtsen
>
>
> Hej Brian
> Prøv at indsætte nogle tomme linier ( <br /> )i den div hvor dit content
> bliver indsat ...... det er nok lidt noget snyd.....men har selv brugt
> det og det virker!
>
> :)
> Morten
> www.lille-web.dk
Hej

Synes ikke rigtigt at det hjælper, har lige tjekket siden i Firefox og
her er ingen problemer.

/Brian Bendtsen

Morten P. Andersen (20-09-2006)
Kommentar
Fra : Morten P. Andersen


Dato : 20-09-06 12:54

Brian Bendtsen skrev:

> Hej
>
> Synes ikke rigtigt at det hjælper, har lige tjekket siden i Firefox og
> her er ingen problemer.
>
> /Brian Bendtsen

Underligt det har virket for mig? Så kan jeg desværre ikke hjælpe - men
held og lykke


Allan Vebel (20-09-2006)
Kommentar
Fra : Allan Vebel


Dato : 20-09-06 22:29

Morten P. Andersen skrev:

> Prøv at indsætte nogle tomme linier ( <br /> ) i den div
> hvor dit content bliver indsat ...... det er nok lidt noget
> snyd.....men har selv brugt det og det virker!

Åh nej, så må du hellere foreslå en ny <p></p>, det er en
mere korrekt løsning.

--
Allan Vebel
http://html-faq.dk



Brian Bendtsen (21-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 21-09-06 09:58

Allan Vebel wrote:
> Morten P. Andersen skrev:
>
>
>>Prøv at indsætte nogle tomme linier ( <br /> ) i den div
>>hvor dit content bliver indsat ...... det er nok lidt noget
>>snyd.....men har selv brugt det og det virker!
>
>
> Åh nej, så må du hellere foreslå en ny <p></p>, det er en
> mere korrekt løsning.
>
Jeg fandt ud af det, det var koden i blokken:
* html #content {
   top:0;
   bottom:0;
   height:100%;
   width:750px;
   border-top:190px solid #fff;
   border-bottom:48px solid #fff;
}

hvor jeg havde overset det trick med border-top.

Nogen der kan forklare hvad * html #content går ud på?

/Brian Bendtsen

Brian Bendtsen (18-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 18-09-06 15:14

Carsten Sørensen wrote:
> "Brian Bendtsen" <nightowl@galnet.dk> skrev i en meddelelse
> news:450e6d4f$0$13937$edfadb0f@dread15.news.tele.dk...
>
>>Hej
>>
>>Jeg er ved at lave en side hvor kunden vil have at layoutet SKAL være 100%
>>i højden og det giver mig nogle problemer.
>>
>>Siden kan ses her:
>>http://www.jp-distribution.dk/test/template.htm
>>
>>Jeg vil gerne have at adressefeltet står helt nede i bunden og så skal
>>baggrundsfarven på div-tagget leftColumn gå helt ned til adressefeltet.
>>
>>Nogen der kan løse dette?
>
>
> prøv med følgende css
>
> html, body { height: 100%; }
>
>
Har prøvet at arbejde lidt videre med det, men det er stadig ikke som
jeg vil have det.

Linket er nu: http://www.jp-distribution.dk/test

/Brian Bendtsen

Jens Gyldenkærne Cla~ (21-09-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-09-06 10:57

Brian Bendtsen skrev:

> Nogen der kan forklare hvad * html #content går ud på?

Det er stjernehacket til IE. Hacket har følgende form:

   * html X

- hvor X er en "normal" selektor, fx body, #menu, .indhold eller
lignende. Mellemrummet mellem * og html og mellem html og X betyder
"efterkommer af". Stjernen er et jokertegn der kan matche hvad som
helst.

Læst forfra kan hacket skrives:

* => et vilkårligt element
html => der indeholder et html-element
X => der indeholder X


Det er måske lidt lettere at forstå meningen hvis man læser det
bagfra:

X indeholdt i html indeholdt i et eller andet element.
(på den måde er det også lettere at se at reglerne i selektoren
påvirker X, ikke * eller html).


I en standardoverholdende browser må selektoren * html X ikke ramme
noget som helst. html-elementet er rod-elementet i ethvert html-
dokument, så derfor kan det ikke være indholdt (efterkommer af)
noget andet element. Men IE - til og med version 6 - læser * html
som html - altså som om der er et usynligt element uden om html-
elementet.

Bemærk at fejlen er rettet i IE7, så hvis man bruger hacket er der
forskel på hvordan det læses i IE6 og IE7. Generelt vil jeg
anbefale at man bruger conditional comments i stedet for IE-
specifikke hack. Her er det lettere at styre hvilke versioner der
er påvirket (se evt.
<http://www.webdesign101.dk/artikler/conditionalcomments.php>)
--
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

Brian Bendtsen (22-09-2006)
Kommentar
Fra : Brian Bendtsen


Dato : 22-09-06 10:00

Jens Gyldenkærne Clausen wrote:
> Brian Bendtsen skrev:
>
>
>>Nogen der kan forklare hvad * html #content går ud på?
>
>
> Det er stjernehacket til IE. Hacket har følgende form:
>
>    * html X
>
> - hvor X er en "normal" selektor, fx body, #menu, .indhold eller
> lignende. Mellemrummet mellem * og html og mellem html og X betyder
> "efterkommer af". Stjernen er et jokertegn der kan matche hvad som
> helst.
>
> Læst forfra kan hacket skrives:
>
> * => et vilkårligt element
> html => der indeholder et html-element
> X => der indeholder X
>
>
> Det er måske lidt lettere at forstå meningen hvis man læser det
> bagfra:
>
> X indeholdt i html indeholdt i et eller andet element.
> (på den måde er det også lettere at se at reglerne i selektoren
> påvirker X, ikke * eller html).
>
>
> I en standardoverholdende browser må selektoren * html X ikke ramme
> noget som helst. html-elementet er rod-elementet i ethvert html-
> dokument, så derfor kan det ikke være indholdt (efterkommer af)
> noget andet element. Men IE - til og med version 6 - læser * html
> som html - altså som om der er et usynligt element uden om html-
> elementet.
>
> Bemærk at fejlen er rettet i IE7, så hvis man bruger hacket er der
> forskel på hvordan det læses i IE6 og IE7. Generelt vil jeg
> anbefale at man bruger conditional comments i stedet for IE-
> specifikke hack. Her er det lettere at styre hvilke versioner der
> er påvirket (se evt.
> <http://www.webdesign101.dk/artikler/conditionalcomments.php>)
Takker for forklaringen.

/Brian Bendtsen

Jens Gyldenkærne Cla~ (22-09-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 22-09-06 12:14

Brian Bendtsen citerede et helt indlæg og skrev:

> Takker for forklaringen.

Velbekomme. Hvis du vil gøre lidt til gengæld, må du gerne læse
siden her: <http://usenet.dk/netikette/citatteknik.html>.
--
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

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408927
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste