---

Jeg prøver at opbygge en simpel sidestruktur, hvor en boks omgiver hele
sidens indhold i en div (container). Meningen er at min header.jpg og
min footer.jpg skal ligge henholdsvist helt øverst oppe, og helt nederst
i boksen og røre ved den border jeg har specificeret i #container.

Mit problem er at selvom jeg sætter padding til 0px, både for #container
og #footer, så vælger firefox at tilføje et par pixel eller 4 "mere
boks" under footer.jpg, hvorimod header.jpg ligger som ønsket. IE6 viser
footer.jpg som jeg vil have det.

Hvordan får jeg footer.jpg til at "grænse ned imod" boksen i firefox og
hvorfor virker dette ikke?


-------------
KODE
-------------


<div id="container">

<div><img src="header.jpg" alt="logo & navigation" height="60"
width="750" /></div>

<div id="footer"><img src="footer.jpg" alt="page footer" height="8"
width="750" /></div>

</div>

---------
STYLE
---------

#container {
   width: 750px;
   border: 1px solid black;
   padding: 0px;
}

#footer {
   padding: 0px;
}


På forhånd tak

--------
Anders

---

Anders wrote in dk.edb.internet.webdesign.html:
> Jeg prøver at opbygge en simpel sidestruktur, hvor en boks omgiver hele
> sidens indhold i en div (container). Meningen er at min header.jpg og
> min footer.jpg skal ligge henholdsvist helt øverst oppe, og helt nederst
> i boksen og røre ved den border jeg har specificeret i #container.
>
> Mit problem er at selvom jeg sætter padding til 0px, både for #container
> og #footer, så vælger firefox at tilføje et par pixel eller 4 "mere
> boks" under footer.jpg, hvorimod header.jpg ligger som ønsket. IE6 viser
> footer.jpg som jeg vil have det.
>
> Hvordan får jeg footer.jpg til at "grænse ned imod" boksen i firefox og
> hvorfor virker dette ikke?
>
>
> -------------
> KODE
> -------------
>
>
> <div id="container">
>
> <div><img src="header.jpg" alt="logo & navigation" height="60"
> width="750" /></div>
>
> <div id="footer"><img src="footer.jpg" alt="page footer" height="8"
> width="750" /></div>
>
> </div>
>
> ---------
> STYLE
> ---------
>
> #container {
>    width: 750px;
>    border: 1px solid black;
>    padding: 0px;
> }
>
> #footer {
>    padding: 0px;
> }
>
>
> På forhånd tak
>
> --------
> Anders

Hej Anders

Har du prøvet med følgende:
margin-left: auto;
margin-right: auto;
cellpadding: 0px;

Mvh
Martin Jørgensen

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

---

> Hej Anders
>
> Har du prøvet med følgende:
> margin-left: auto;
> margin-right: auto;
> cellpadding: 0px;
>
> Mvh
> Martin Jørgensen

Nu har jeg da. :)

Desværre ingen effekt, hverken når jeg indsætter det i #footer eller
#container (bortset fra når jeg sætter det i #container, så bliver hele
boksen centreret??? hehe). Firefox kan åbentbart være en svær én.

Jeg tænker at det vel er en kombination af at fjerne padding og
margin-bottom for footer og container jeg skal bruge, men intet af det
jeg prøver virker pt.

Tak for forsøget

-----
Anders

---

Jeg kan læse mig frem til i nogle af de andre poster at det muligvis kan
være en fordel hvis jeg poster et par links til siden - kilden til mit
problem - så her er de:

http://www.gooferd.dk/test/index.html
http://www.gooferd.dk/test/style.css

Jeg skal lige huske at understrege at siden pt kun er en løs skitse og
at jeg slet ikke er nået til ting som navigation og indhold endnu.

På forhånd tak

-----
Anders

---

Anders skrev:

> Hvordan får jeg footer.jpg til at "grænse ned imod" boksen i firefox og
> hvorfor virker dette ikke?

Prøv følgende:

#footer img{ vertical-align: bottom; }

NB: Har du overvejet bare at sætte en baggrundsfarve i footeren?

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Prøv følgende:
>
> #footer img{ vertical-align: bottom; }
>
> NB: Har du overvejet bare at sætte en baggrundsfarve i footeren?
>

TAK.. Det virkede som det skulle!

Og nej, jeg har end ikke overvejet bare at sætte en baggrundsfarve i
footeren. For det første fordi jeg er lidt stædig, og det kan da ikke
passe at det ikke vil som det skal, hvis du forstår. :) Og for det andet
fordi jeg kender mig selv godt nok til at vide at billedet i footeren
nok skal udvikle sig når jeg kommer lidt længere frem.

Tusinde tak for hjælpen.

-----
Anders

---

Anders skrev:

> Og nej, jeg har end ikke overvejet bare at sætte en baggrundsfarve i
> footeren. For det første fordi jeg er lidt stædig, og det kan da ikke
> passe at det ikke vil som det skal, hvis du forstår. :)

Jo jo, men når jeg nævnte det med baggrundsfarven var det fordi dit
billede så ud til bare at være en rektangulær, ensfarvet boks - og den
slags er der som regel ikke grund til at bruge billed-bits på; det kan
laves lettere med en baggrundsfarve.

> Og for det andet fordi jeg kender mig selv godt nok til at vide at
> billedet i footeren nok skal udvikle sig når jeg kommer lidt længere
> frem.

Det er jo en helt anden sag - i så fald er baggrundsfarven jo ikke meget
bevendt.


--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote:
> Jo jo, men når jeg nævnte det med baggrundsfarven var det fordi dit
> billede så ud til bare at være en rektangulær, ensfarvet boks - og den
> slags er der som regel ikke grund til at bruge billed-bits på; det kan
> laves lettere med en baggrundsfarve.

Jeg kan kun erklære mig enig i denne udtalelse, men min forudsætning for
at stille spørgsmålet var som sådan ikke at jeg ville placere en
rektangulær, ensfarvet boks nederst på siden; jeg søgte blot en løsning
på at kunne placere et billede allernederst i min sidestruktur. Dels
fordi jeg primært laver siden for at lære noget om xhtml og css, dels
fordi jeg er den stædige type, der helst skal se løsningen på problemer
inden jeg kan lægge dem bag mig og dels fordi jeg har en formodning om
at min footer enten ender med at udvikle sig til en lille
"reserve-navigationsbar", eller i hvert fald bliver mere dekorativ. :)

Endnu engang mange tak for dit svar.

------
Anders