hvordan kan jeg legge footern på riktig plass?

Jernlov · 9. juni 2005

[Elendig emne tittel...]

Hei, jeg har laget en side jeg er meget fornøyd med, men så har det seg slik at jeg er ingen kunstner med html koding og slikt. Så jeg jukser med å bruke Frontpage's Normal funksjon da vettu. Nå sitter jeg med ett problem. Hvis du går inn på siden ser du at den bunn greia ikke ligger riktig på, det er fordi jeg måtte ta sånn aligment absolute. også legge den ca. på sånn at den ligger fint på når man har skjerm innstillingene 1024x768. Men har lyst til at den skal ligge helt riktig på, og ligge der strøkent samme åssen innstillinger og browser man har. Hva kan jeg gjøre for å få det til å fungere?? Resten av siden er bygget opp av tables og da :blush:

(jeg har prøvd og fikse bildet sånn at de hvite strekene var like brede på bunn som table'e men da var det jo mellomrom mellem bildet og table't)

MAIDEN MANIAC

Takk på forhånd...

pgdx · 9. juni 2005

Det eneste tipset du kan få herfra er å lese på htmldog og lære deg HTML og CSS fra begynnelsen av.

Jeg anbefaler at du laster ned Notepad2 og begynner å skrive med det.

travis_g · 10. juni 2005

</div>

<p align="center"> </p>
<p align="center">
<span style="position: absolute; left: 65; top: 543; z-index: 1">
<img border="0" src="Bunn.jpg" width="872" height="183"></span></p>

</body>

</html>

Tror feilen ligger i <span> Prøv å fjerne left: 65; :hmm:

Jernlov · 10. juni 2005

det funka dårlig travis..

Sitter og holder på med litt CSS nå..

FORSIDEN

style1.css

3. ting jeg ikke finner ut av

- Ett lite mellomrom helt i bunn, hvordan endrer jeg det?

- Hvordan får jeg menyen til å være lenger opp på siden?

- i Firefox så er innholds <div> helt til venstre siden, mens i IE er den innenfor omerådet sitt, hvorfor og åssen fikser jeg det?

mohuhau · 10. juni 2005

Først av alt, bytt til en doctype i toppen av dokumentet med url, slik at IE tolker html/css-koden mer korrekt. F.eks denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

For det andre så har du nå (og med den ovenfor) en doctype som sier at du skriver html og ikke xhtml. Da skal du ikke avslutte tager uten endetag. Altså skal

	<link href="style1.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>

ikke ha den en avsluttende skråstrek i slutten av tagen. Koden over vil da bli slik:

	<link href="style1.css" rel="stylesheet" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Så til problemet med at innholds-diven vises helt til venstre:

Dette er fordi IE har en bug som gjør at den midtstiller alle elementer med text-align: center;. Denne koden skal egentlig bare midstille tekst og inline-elementer (a, span, strong og input er alle eksempler på inline-elementer.) Når du endrer doctype vil du se at IE også vil plassere teksten helt til venstre. For å midstille blokk-elementer bruker vi

margin: 0 auto;

(Dette er en forkortelse for margin-top:0; og -bottom: 0; og margin-left: auto; og margin-right: auto) Når du sette margin til auto vil det tildeles så stor margin som det er plass til, og som samtidig er lik på begge sider, slik at vi får en midtsilling.

For å få menyen lenger opp er det bare til å minske høyden på #head littegran. 175px er kanskje mer passelig?

Når det gjelder mellomrommet du snakker får jeg ikke dette i firefox, og jeg har heller ikke IE tilgjengelig så vet ikke om du har fått dette fikset nå.

Endret 10. juni 2005 av mohuhau

resol · 10. juni 2005

Det eneste tipset du kan få herfra er å lese på htmldog og lære deg HTML og CSS fra begynnelsen av.

Jeg anbefaler at du laster ned Notepad2 og begynner å skrive med det.

Hva er vitsen med dette forumet om man kun skal si folk skal lese på en annen side hele tiden som google og htmldog? Er ikke forumet veldig overflødig da?

Arve Systad · 10. juni 2005

Det eneste tipset du kan få herfra er å lese på htmldog og lære deg HTML og CSS fra begynnelsen av.

Jeg anbefaler at du laster ned Notepad2 og begynner å skrive med det.

Hva er vitsen med dette forumet om man kun skal si folk skal lese på en annen side hele tiden som google og htmldog? Er ikke forumet veldig overflødig da?

http://forum.hardware.no/index.php?act=boardrules#bakgrunn

Jernlov · 10. juni 2005

takk takk takk mohuhau.

Har nå lagt menyen lenger opp, fikset innholds div så den er innenfor omerådet. FORSIDEN

Men sliter forsatt med det lille mellom rommet i bunn jeg snakket om:

BILDE

Du ser det kommer bitte litte granne av bg.jpg (det gråe er browsern) Åssen får jeg div footer til å bli heelt på bunn? At det er det siste som vises, sånn at hvis noen har en veldig høy skjerm innstilling så siden slutter midt på skjermen så stopper det der liksom, du ser ikke bg.jpg kjøre seg vill helt ned til siden er slutt, hvis dere skjønner.

Også en annen ting, hvis du åpner header bildet så skal det være en hvit ramme nederst som menyen skal ligge i på en måte. men den syns ikke, hva skal jeg gjøre?

Header.jpg <-- der ser du det skal være en hvit ramme i bunn.

ingen som kan svare? :dontgetit: -

Endret 10. juni 2005 av skate4life

Jernlov · 11. juni 2005

Har i alle fall fiksa det med linja under menyen, men sliter forsatt hardt med å fikse det i bunn:

- At bg.jpg ikke forsetter etter footern.

Hjelp? Noen?... :cry:

Drømmemannen · 11. juni 2005

Det er ikke så veldig enkelt å få footeren på bunnen av nettleseren samtidig som den følger etter når det bli mye innhold, dessverre. Det går an å få footeren til alltid å ligge i bunnen av viewport til nettleseren, ved å fiksere den med

position: fixed;

bottom: 0;

og da legge til nok margin-bottom i innholdet slik at man får rullet frem den nederste teksten.

Edit: Et alternativ er å ikke sette bakgrunnsbildet på body men på innholds-diven. Var vel kanskje det du var ute etter.

Endret 11. juni 2005 av balletryne

Jernlov · 11. juni 2005

Et alternativ er å ikke sette bakgrunnsbildet på body men på innholds-diven. Var vel kanskje det du var ute etter.

Jeg gjorde det nå, men da blir jo teksten helt til høyre igjen. for jeg kunne jo ikke bare ta 690px i bredden da, for da viste ikke bildet seg helt. Men hva gjør jeg for å få teksten på riktig plass innenfor linjene nå da? Lager innholds ramma 876px bred også tar så så mange padding px'r som trengs for å dytte den på plass?

FORSIDEN (2)

style1.css (2)

nytt problem; i IE så ligger footeren helt inntil men er litt skevt på bg.jpg og i Firefox så er det ett lite mellomrom :confused: Åssen fikser jeg det da? for det er jo ikke bilde som er "gæli"..?

Endret 11. juni 2005 av skate4life

Drømmemannen · 11. juni 2005

Lager innholds ramma 876px bred også tar så så mange padding px'r som trengs for å dytte den på plass?

Ja

Jernlov · 11. juni 2005

Lager innholds ramma 876px bred også tar så så mange padding px'r som trengs for å dytte den på plass?

Ja

Men da ble det bare padding fra heeelt til venstre av siden ikke bare fra helt til venstre av div'n. hva skal jeg gjøre da?

Kan jo lage en usynlig tabell? - :blush: -

Endret 11. juni 2005 av skate4life

mohuhau · 11. juni 2005

Ut i fra slik siden ser ut nå er det bare å legge til dette i #innhold:

width: 680px;
padding: 10px;
text-align: left;

og endre høyden på #footer til 218px;

Jernlov · 11. juni 2005

Ja, men har loggi bakkgrunnen inni innhols div'n så den ikke skal vises etter footern, så da MÅ innholds div'n være minst 876px bred for å vise hele bakgrunnen og da sliter man litt med å få teksta til å ligge der jeg vil den skal. :ermm:

Lagde en usynlig ramme inni innholds div'n:

FORSIDEN

Ikke galt å bruke en tabell vel? har hørt det er veldig teit, men det gjeler vel kun for selve layout'n?

Endret 11. juni 2005 av skate4life

mohuhau · 11. juni 2005

Ja, men har loggi bakkgrunnen inni innhols div'n så den ikke skal vises etter footern, så da MÅ innholds div'n være minst 876px bred for å vise hele bakgrunnen og da sliter man litt med å få teksta til å ligge der jeg vil den skal.

Lagde en usynlig ramme inni innholds div'n:

FORSIDEN

Prøvde du den koden jeg gav deg? Siden du sentrerer bakgrunnen vil bare det som du trenger (altså den svarte bakgrunnen, og den hvite ramma) vises, det skal passe akkurat med den koden. Men det som kanskje hadde vært enda bedre er å bare kutte ut hele bakgrunnsbildet og bare sette bakgrunnsfargen og en hvit ramme

Slik f.eks:

#innhold

background-color: #000;
width: 676px:
border-left: 2px solid white;
border-right: 2px solid white;
padding: 10px;

Ikke galt å bruke en tabell vel? har hørt det er veldig teit, men det gjeler vel kun for selve layout'n?

Jo, det er virkelig galt å bruke en tabell til layout, spesielt her som det er ganske enkelt å gjøre det med css:realmad:

Endret 11. juni 2005 av mohuhau

Jernlov · 11. juni 2005

den koden din funka jo :ohmy: :blush: :!:

men bare en ting, om jeg hadde fjerna bakgrunnen og heller lagt inn den koden med bakrunssfarge og border, hadde jeg da sluppet det lille hakket mellom innholdet og footern?

mohuhau · 11. juni 2005

den koden din funka jo :!:

hehe, jeg sa jo det

men bare en ting, om jeg hadde fjerna bakgrunnen og heller lagt inn den koden med bakrunssfarge og border, hadde jeg da sluppet det lille hakket mellom innholdet og footern?

Nei, det vil ikke ha noe å si for det mellomrommet, det kommer nemlig av at du har gitt fotteren din litt for stor høyde. Endre høyden til 218px; så tror jeg det skal bli bra (skrev forresten det også i innlegget over :roll: )

Jernlov · 11. juni 2005

hahahahahahaha. tuusen tuusen masse takk mohuhau!!

Men jeg vil ha teksten i innhold litt mere til venstre, prøvd og skrive 9 og da forsvant halve streken, hva gjør jeg?

mohuhau · 11. juni 2005

Du må øke bredden på innholds-diven med dobbelt så mye som du reduserer paddingen med (en for hver side). Dersom du vil ha padding: 5px; må du altså ha width: 690px; på #innhold

hvordan kan jeg legge footern på riktig plass?

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hvem er aktive 0 medlemmer