mboost-dp1
Fastlåse i bunden at siden?
Hej med Jer!
Meget simpelt: Kan man fastlåse en <div> så den altid (som minimum) være i bunden at siden? Altså ikke ligesom den "menu" der er på f.eks. facebook som man altid kan se i bunden.
På denne side ligger den helt nede i bunden at skærmen (altså uden hvidt mellemrum ned til bunden).
http://www.jacobworsoe.dk/
Men på meget korte sider er ligger den længere oppe og bliver ikke "presset" helt ned i bunden:
http://www.jacobworsoe.dk/nyhedsbrev
Kan man løse det, eller skal jeg bare indsætte en masse <br> på de korte sider, så den bliver "lang nok"?
Er ikke helt sikker på, hvad du mener men hvad med position:fixed ?
http://www.w3schools.com/Css/pr_class_position.asp
prøv at google sticky footers. Der er tusind forskellige måder at gøre det på, men det indebærer en del hackish css.
fx: http://www.cssstickyfooter.com/
arntc (5) skrev:hvad med at bruge min-height på din content div?
Browservinduet kan jo være hvilken som helst størrelse, og så skal man udregne det med javascript eller leve med at den stadig vil være for lille for nogle og alt for stor for andre. Så hellere en form for css hack :)
Hvis du er ligeglad med IE6 understøttelse så kan du prøve det her css
#footer {
position:fixed;
bottom:0px;
left:0px;
right:0px;
}
Det vil få div'en til lægge sig i bunden af siden og strække sig i hele sidens brede, men såvidt jeg husker så understøtter IE6 det ikke, men jeg mener at IE7 i standard-mode gør. Prøv det i et par forskellige browsere.
arntc (8) skrev:#6
Det er da heller ikke særligt kompliceret. Jeg tror ikke det samlede script ville fylde mere end 2-3 linier med jquery som framework.
Korrekt, men hvis man ikke har noget at bruge jquery/mootools/dojo/_W_ ud over det, så er det ikke ret praktisk.
m_abs (9) skrev:Hvis du er ligeglad med IE6 understøttelse så kan du prøve det her css
#footer {
position:fixed;
bottom:0px;
left:0px;
right:0px;
}
Det vil få div'en til lægge sig i bunden af siden og strække sig i hele sidens brede, men såvidt jeg husker så understøtter IE6 det ikke, men jeg mener at IE7 i standard-mode gør. Prøv det i et par forskellige browsere.
Kan godt være jeg husker forkert, men vil den ikke være ovenpå resten af siden (det kan selvfølgelig løses med padding på content div'en)
Som du selv siger, så fungerer det ikke i IE6 da den ikke understøtte at man sætter både left og right position, så der skal man lige gøre op med sig selv om man vil sørge for den.
til OP:
Det skriger i mine øjne at du bruger < br /> til afstand i design :)
#10
Korrekt, men hvis man ikke har noget at bruge jquery/mootools/dojo/_W_ ud over det, så er det ikke ret praktisk.
Hvis du har et vaerktoej til at loese opgaven, er det saa ikke ligegyldigt om du skal bruge samme vaerktoej til alt muligt andet? :)
Jquery finder man typisk ret meget brug for senere hen i udviklingen :P
Kan godt være jeg husker forkert, men vil den ikke være ovenpå resten af siden (det kan selvfølgelig løses med padding på content div'en)
Nej, og det kunne ellers loese med at smide den ned i layers.
Det er typisk kun floats der giver den problematik, jeg formoder du taenker paa :)
Som du selv siger, så fungerer det ikke i IE6 da den ikke understøtte at man sætter både left og right position, så der skal man lige gøre op med sig selv om man vil sørge for den.
Han skal blot bruge en 'container'-div, smide den i bunden af denne og saa have en width: 100%;, saa skulle det gerne loese sig selv. Saa skal han bare huske at bruge -1px i sin position, da der skal vaere plads til div borders :P
Alternativt kan han goere det med jquery, saa bliver det ikke hack'n'broken CSS som kun virker i Firefox :P
fidomuh (11) skrev:Han skal blot bruge en 'container'-div, smide den i bunden af denne og saa have en width: 100%;, saa skulle det gerne loese sig selv. Saa skal han bare huske at bruge -1px i sin position, da der skal vaere plads til div borders :P
Alternativt kan han goere det med jquery, saa bliver det ikke hack'n'broken CSS som kun virker i Firefox :P
Det css workaround jeg smed et link til virker vidst i en enkelt eller to andre browsere end firefox :)
http://www.cssstickyfooter.com/browser-list.html
Om man vælger at gøre det med javascript eller css er jo et fedt som så :), men jeg synes bare det er mere "rigtigt" at gøre det med ren html og css når man snakker grundlæggende designelementer.
Gå til top
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
Hej med Jer!
Meget simpelt: Kan man fastlåse en <div> så den altid (som minimum) være i bunden at siden? Altså ikke ligesom den "menu" der er på f.eks. facebook som man altid kan se i bunden.
På denne side ligger den helt nede i bunden at skærmen (altså uden hvidt mellemrum ned til bunden).
http://www.jacobworsoe.dk/
Men på meget korte sider er ligger den længere oppe og bliver ikke "presset" helt ned i bunden:
http://www.jacobworsoe.dk/nyhedsbrev
Kan man løse det, eller skal jeg bare indsætte en masse <br> på de korte sider, så den bliver "lang nok"?
Meget simpelt: Kan man fastlåse en <div> så den altid (som minimum) være i bunden at siden? Altså ikke ligesom den "menu" der er på f.eks. facebook som man altid kan se i bunden.
På denne side ligger den helt nede i bunden at skærmen (altså uden hvidt mellemrum ned til bunden).
http://www.jacobworsoe.dk/
Men på meget korte sider er ligger den længere oppe og bliver ikke "presset" helt ned i bunden:
http://www.jacobworsoe.dk/nyhedsbrev
Kan man løse det, eller skal jeg bare indsætte en masse <br> på de korte sider, så den bliver "lang nok"?
Er ikke helt sikker på, hvad du mener men hvad med position:fixed ?
http://www.w3schools.com/Css/pr_class_position.asp
http://www.w3schools.com/Css/pr_class_position.asp
prøv at google sticky footers. Der er tusind forskellige måder at gøre det på, men det indebærer en del hackish css.
fx: http://www.cssstickyfooter.com/
fx: http://www.cssstickyfooter.com/
arntc (5) skrev:hvad med at bruge min-height på din content div?
Browservinduet kan jo være hvilken som helst størrelse, og så skal man udregne det med javascript eller leve med at den stadig vil være for lille for nogle og alt for stor for andre. Så hellere en form for css hack :)
Hvis du er ligeglad med IE6 understøttelse så kan du prøve det her css
Det vil få div'en til lægge sig i bunden af siden og strække sig i hele sidens brede, men såvidt jeg husker så understøtter IE6 det ikke, men jeg mener at IE7 i standard-mode gør. Prøv det i et par forskellige browsere.
#footer {
position:fixed;
bottom:0px;
left:0px;
right:0px;
}
Det vil få div'en til lægge sig i bunden af siden og strække sig i hele sidens brede, men såvidt jeg husker så understøtter IE6 det ikke, men jeg mener at IE7 i standard-mode gør. Prøv det i et par forskellige browsere.
arntc (8) skrev:#6
Det er da heller ikke særligt kompliceret. Jeg tror ikke det samlede script ville fylde mere end 2-3 linier med jquery som framework.
Korrekt, men hvis man ikke har noget at bruge jquery/mootools/dojo/_W_ ud over det, så er det ikke ret praktisk.
m_abs (9) skrev:Hvis du er ligeglad med IE6 understøttelse så kan du prøve det her css
#footer {
position:fixed;
bottom:0px;
left:0px;
right:0px;
}
Det vil få div'en til lægge sig i bunden af siden og strække sig i hele sidens brede, men såvidt jeg husker så understøtter IE6 det ikke, men jeg mener at IE7 i standard-mode gør. Prøv det i et par forskellige browsere.
Kan godt være jeg husker forkert, men vil den ikke være ovenpå resten af siden (det kan selvfølgelig løses med padding på content div'en)
Som du selv siger, så fungerer det ikke i IE6 da den ikke understøtte at man sætter både left og right position, så der skal man lige gøre op med sig selv om man vil sørge for den.
til OP:
Det skriger i mine øjne at du bruger < br /> til afstand i design :)
#10
Hvis du har et vaerktoej til at loese opgaven, er det saa ikke ligegyldigt om du skal bruge samme vaerktoej til alt muligt andet? :)
Jquery finder man typisk ret meget brug for senere hen i udviklingen :P
Nej, og det kunne ellers loese med at smide den ned i layers.
Det er typisk kun floats der giver den problematik, jeg formoder du taenker paa :)
Han skal blot bruge en 'container'-div, smide den i bunden af denne og saa have en width: 100%;, saa skulle det gerne loese sig selv. Saa skal han bare huske at bruge -1px i sin position, da der skal vaere plads til div borders :P
Alternativt kan han goere det med jquery, saa bliver det ikke hack'n'broken CSS som kun virker i Firefox :P
Korrekt, men hvis man ikke har noget at bruge jquery/mootools/dojo/_W_ ud over det, så er det ikke ret praktisk.
Hvis du har et vaerktoej til at loese opgaven, er det saa ikke ligegyldigt om du skal bruge samme vaerktoej til alt muligt andet? :)
Jquery finder man typisk ret meget brug for senere hen i udviklingen :P
Kan godt være jeg husker forkert, men vil den ikke være ovenpå resten af siden (det kan selvfølgelig løses med padding på content div'en)
Nej, og det kunne ellers loese med at smide den ned i layers.
Det er typisk kun floats der giver den problematik, jeg formoder du taenker paa :)
Som du selv siger, så fungerer det ikke i IE6 da den ikke understøtte at man sætter både left og right position, så der skal man lige gøre op med sig selv om man vil sørge for den.
Han skal blot bruge en 'container'-div, smide den i bunden af denne og saa have en width: 100%;, saa skulle det gerne loese sig selv. Saa skal han bare huske at bruge -1px i sin position, da der skal vaere plads til div borders :P
Alternativt kan han goere det med jquery, saa bliver det ikke hack'n'broken CSS som kun virker i Firefox :P
fidomuh (11) skrev:Han skal blot bruge en 'container'-div, smide den i bunden af denne og saa have en width: 100%;, saa skulle det gerne loese sig selv. Saa skal han bare huske at bruge -1px i sin position, da der skal vaere plads til div borders :P
Alternativt kan han goere det med jquery, saa bliver det ikke hack'n'broken CSS som kun virker i Firefox :P
Det css workaround jeg smed et link til virker vidst i en enkelt eller to andre browsere end firefox :)
http://www.cssstickyfooter.com/browser-list.html
Om man vælger at gøre det med javascript eller css er jo et fedt som så :), men jeg synes bare det er mere "rigtigt" at gøre det med ren html og css når man snakker grundlæggende designelementer.
Gå til top
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Programmering
Gå til bund