xhtml/css: footer uitlijnen - Softwareontwikkeling

donderdag 10 juni 2004 14:31

Acties:

Verwijderd

Topicstarter

Hey,

op http://www.webfreaky.com/test kun je mijn pagina zien. Kan iemand mij vertellen hoe ik footer.gif helemaal op de bodem van de pagina kan laten zien? Bedankt

Webfreaky

ps. Dit is footer.gif:

Afbeeldingslocatie: http://webfreaky.com/test/images/footer.gif

donderdag 10 juni 2004 14:42

Acties:

Pelle

🚴‍♂️

Wat heb je zelf al geprobeerd?

donderdag 10 juni 2004 14:46

Acties:

Verwijderd

Topicstarter

Ik heb op de website van het w3 gezocht naar manieren om verticaal uit te lijnen. Ik kwam toen op vertical-align in de css, maar dit werkte niet. Verder heb ik gekeken hoe ik de parent-div 100% kon krijgen, en dat is me gelukt door ook de body tag het attribuut height 100% mee te geven.

Verder heb ik gezocht naar nog andere mogelijkheden dan vertical-align, maar daar ben ik niet uitgekomen. Ik heb ook de middelste div height 100% meegegeven, maar dat is eigenlijk niet de bedoeling, omdat die ene div dan de maximum lengte van het browserscherm wordt, waardoor de site niet meer zonder te scrollen op één pagina past.

donderdag 10 juni 2004 14:49

Acties:

André

Analytics dude

HTML:

1	[img]"footer.gif"[/img]

donderdag 10 juni 2004 14:58

Acties:

Verwijderd

Topicstarter

André schreef op 10 juni 2004 @ 14:49:
HTML:
1
[img]"footer.gif"[/img]

Tnx

maar dan komt ie niet (horizontaal gezien) in het midden. Ik dacht de div text-align: center; mee te geven, maar dit werkt dus niet.

[ Voor 10% gewijzigd door Verwijderd op 10-06-2004 15:01 ]

donderdag 10 juni 2004 15:00

Acties:

MeIsTwisted

not a Twisted mind

width: 100%;
left: 0px;

wat d8 je van deze eigenschappen. is gewoon te vinden op w3schools hoor

edit verkeerd gelezen, maar mischien heb je hier later nog wel wat aan

[ Voor 27% gewijzigd door MeIsTwisted op 10-06-2004 15:01 ]

Multimonitor is relax :P

donderdag 10 juni 2004 15:03

Acties:

André

Analytics dude

HTML:

1
2
3

<div style="position:absolute; bottom: 0px; width:100%; text-align:center">
  [img]"footer.gif">
</div[/img]

donderdag 10 juni 2004 15:05

Acties:

Verwijderd

Topicstarter

[quote]André schreef op 10 juni 2004 @ 15:03:
[code=html]
<div style="position:absolute; bottom: 0px; width:100%; text-align:center">
[img]"footer.gif"> </div> [/code][/quote] Dat[/img] Maar dat werkt dus niet, sorry

dan krijg je dus dit:

Afbeeldingslocatie: http://www.webfreaky.com/test/fout.gif

Afbeeldingslocatie: http://www.webfreaky.com/test/fout.gif

[ Voor 19% gewijzigd door Verwijderd op 10-06-2004 15:07 ]

donderdag 10 juni 2004 15:09

Acties:

André

Analytics dude

Bij mij lokaal werkt het perfect, gebruik mijn code eens dan, met copy-paste

Ik denk dat jij bij de <div> nog geen width="100%" hebt staan.

[ Voor 30% gewijzigd door André op 10-06-2004 15:09 ]

donderdag 10 juni 2004 15:12

Acties:

Verwijderd

Topicstarter

gedaan, maar precies hetzelfde resultaat... en in firebird (ja moet fox nog maar es installeren maar allebei gecko dus maakt niet uit) gaat het helemaal mis

edit: ja ook div 100% heb ik..

bovenaan in de css met een class getest, én gewoon in de style tag

edit 2: maar misschien ben je zo vriendelijk om jouw code hier te plaatsen

[ Voor 39% gewijzigd door Verwijderd op 10-06-2004 15:15 ]

donderdag 10 juni 2004 15:36

Acties:

André

Analytics dude

Mijn code:

code:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > 
  <head>
    <title>Test</title>
  </head>
  <body>
    <div style="position:absolute; bottom: 0px; width:100%; text-align:center">
      [img]"bla.jpg"[/img]
    </div>
  </body>
</html>

donderdag 10 juni 2004 15:46

Acties:

Verwijderd

Topicstarter

dat ga ik ff uittesten

donderdag 10 juni 2004 15:54

Acties:

Verwijderd

Topicstarter

Jah als je het zo geeft werkt het, maar als ik het in de site inbouw (dus het footer gedeelte vervang door jouw footer gedeelte) werkt het niet meer.

En dat is het ENIGE wat ik verander.

ik denk dat ik dan toch maar table's ga gebruiken in plaats van css/div combinatie

[ Voor 20% gewijzigd door Verwijderd op 10-06-2004 15:54 ]

donderdag 10 juni 2004 15:58

Acties:

We Are Borg

Moderator Wonen & Mobiliteit / General Chat

Verwijderd schreef op 10 juni 2004 @ 15:54:
ik denk dat ik dan toch maar table's ga gebruiken in plaats van css/div combinatie

Er bestaan ook nog andere dingen buiten DIV's en tabellen. Zag al dat je zelfs de tekst tussen een DIV had gezet. Waarom gebruik je alleen DIV's

donderdag 10 juni 2004 15:59

Acties:

André

Analytics dude

Verwijderd schreef op 10 juni 2004 @ 15:54:
Jah als je het zo geeft werkt het, maar als ik het in de site inbouw (dus het footer gedeelte vervang door jouw footer gedeelte) werkt het niet meer.

En dat is het ENIGE wat ik verander.

Dan staat er iets in je stylesheet wat de boel verneukt denk ik.

donderdag 10 juni 2004 16:13

Acties:

Verwijderd

Topicstarter

ik ga vanond zelf nog een poging wagen met de tips die jullie gegeven hebben... zie jullie dan wel weer

Pagina: 1

Reageer