image onderaan een pagina plaatsen - Softwareontwikkeling

donderdag 18 augustus 2005 15:19

Acties:

Topicstarter

Hey,

Op deze pagina zien jullie onderaan de pagina aan blauwe balk. Deze balk staat niet perfect onderaan, afhankelijk van resolutie zal deze net iets te hoog of te laag staan.

Hoe zorg ik ervoor dat deze balk perfect onderaan staat? Als jullie naar de figuur rechtsboven (pinguïn) kijken, staat deze perfect rechts, ongeacht resolutie. Dit heb ik gedaan door de cel links van die figuur als breedte 100% te geven. Maar ik dacht iets gelijkaardigs te doen met de balk onderaan (dan als hoogte 100%) maar dit lukt niet.

Iemand een suggestie?

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

donderdag 18 augustus 2005 15:21

Acties:

Verwijderd

Precies zoals je zelf al zegt: geef de hoofdtable een hoogte van 100% en plaats de balk in een onderste row met valign="bottom".

donderdag 18 augustus 2005 15:26

Acties:

Willem

Wat heb je zelf al geprobeerd?

Motor onderhoud bijhouden

donderdag 18 augustus 2005 15:34

Acties:

Teckna

[ Voor 23% gewijzigd door Teckna op 18-08-2005 15:34 ]

donderdag 18 augustus 2005 15:52

Acties:

DriesA

Topicstarter

Verwijderd schreef op donderdag 18 augustus 2005 @ 15:21:
Precies zoals je zelf al zegt: geef de hoofdtable een hoogte van 100% en plaats de balk in een onderste row met valign="bottom".

Hier was ik al mee aan het experimenteren. Maar dit lukt me blijkbaar niet?
De hoofdtabel heeft heigt=100%, de onderste TD heeft vAlign="bottom", en de figuur in deze cel heeft align="absbottom". Toch lukt het niet?

@Teckna: stel dat de pagina langer is dan het scherm kan weergeven, gaat de figuur volgens jouw oplossing dan niet onderaan het scherm staan ipv onder de tekst? Ik had graag dat de figuur onderaan het scherm kwam, tenzij de tekst langer is (sorry dat dit niet de eerste keer duidelijk was)

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

donderdag 18 augustus 2005 15:54

Acties:

Morphine

http://www.howtocreate.co.uk/fixedPosition.html

Misschien dat je hier iets aan hebt?

donderdag 18 augustus 2005 16:39

Acties:

DriesA

Topicstarter

Hey,

Ik heb weer het één en het ander geprobeerd.

code:

<style>
#onderaan { 
    position:absolute; 
    right:0;
    left:0;
    bottom:0; 
    padding:0; 
    width:100%; 
    height:105;
    }
</style>
<div id="onderaan">
    [img]"../images/onderkant.gif"[/img]</div>

Op deze manier komt de balk netjes onderaan het scherm bij elke resolutie. Probleem is dat deze balk gewoon over de tekst komt die normaal op deze plaats komt.

Dit zou normaal gezien moeten werken:

code:

<body>
<table height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
    <tr>
        <td>
        allerlei inhoud
        </td>
    </tr>
    <tr>
        <td valign="bottom">
        [img]"balk.jpg"[/img]
        </td>
    </tr>
</table>
</body>

Maar ik probeer deze code toe te passen op mijn html-pagina, maar blijkbaar zie ik iets over het hoofd?

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

donderdag 18 augustus 2005 16:44

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Mag ik even, het is al zo vaak gezegd en nou wil ik het een keer doen:

Tabellen zijn voor tabulaire data, niet om pagina's mee op te maken...

Met CSS kun je een pagina prima vormgeven

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

donderdag 18 augustus 2005 16:47

Acties:

DriesA

Topicstarter

Dan had ik graag een CSS-oplossing van je gezien.

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

donderdag 18 augustus 2005 17:14

Acties:

Verwijderd

Dark Blue schreef op donderdag 18 augustus 2005 @ 16:44:
Mag ik even, het is al zo vaak gezegd en nou wil ik het een keer doen:

Tabellen zijn voor tabulaire data, niet om pagina's mee op te maken...
Met CSS kun je een pagina prima vormgeven

Vind je het erg als ik het daar niet mee eens ben? Dat geprut met div's is zo ranzig. Met tables kun je alles maken, geen enkel probleem.

donderdag 18 augustus 2005 17:15

Acties:

DriesA

Topicstarter

Ik heb het probleem gevonden:

Mijn pagina begint met de volgende regel:

code:

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

Als ik "http://www.w3.org/TR/html4/loose.dtd" verwijder, komt het balkje netjes onderaan zoals het hoort (dmv de methode van Wriker).

Wat zijn de gevolgen als ik dit weglaat? Is dit essentieel?

@Wriker: dit is een tikfout in de post, niet in de code. Toch bedankt!

[ Voor 42% gewijzigd door DriesA op 18-08-2005 17:18 ]

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

donderdag 18 augustus 2005 17:16

Acties:

Verwijderd

Dries_Aendekerk schreef op donderdag 18 augustus 2005 @ 15:52:
[...]

Hier was ik al mee aan het experimenteren. Maar dit lukt me blijkbaar niet?
De hoofdtabel heeft heigt=100%, de onderste TD heeft vAlign="bottom", en de figuur in deze cel heeft align="absbottom". Toch lukt het niet?

Weet niet of dit een tikfout in de post is of niet, maar het is height.

donderdag 18 augustus 2005 17:16

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Dark Blue schreef op donderdag 18 augustus 2005 @ 16:44:
Mag ik even, het is al zo vaak gezegd en nou wil ik het een keer doen:

Tabellen zijn voor tabulaire data, niet om pagina's mee op te maken...
Met CSS kun je een pagina prima vormgeven

Dries_Aendekerk schreef op donderdag 18 augustus 2005 @ 16:47:
Dan had ik graag een CSS-oplossing van je gezien.

Verwijderd schreef op donderdag 18 augustus 2005 @ 17:14:
[...]

Vind je het erg als ik het daar niet mee eens ben? Dat geprut met div's is zo ranzig. Met tables kun je alles maken, geen enkel probleem.

Zullen we die discussie nou niet weer aanwakkeren? Die is al zo uitgekauwd...
Mijn mening: Als je tables wil gebruiken ga je gang; en als je DIVS wil gebruiken: ga ook gerust je gang. Laat iedereen lekker aanmodderen. Het gaat de klant uiteindelijk toch om hoe het er uit ziet, niet hoe het in elkaar steekt.
Ik bepaal voor mezelf (en desnoods mijn "ondergeschikten"

) wel hoe ik het doe/wil (en ja, ik doe niet meer aan tables...)

[ Voor 39% gewijzigd door RobIII op 18-08-2005 17:18 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 18 augustus 2005 17:20

Acties:

Verwijderd

RobIII schreef op donderdag 18 augustus 2005 @ 17:16:
[...]
Zullen we die discussie nou niet weer aanwakkeren?

Lijkt me een goed plan.

donderdag 18 augustus 2005 17:23

Acties:

Verwijderd

Dries_Aendekerk schreef op donderdag 18 augustus 2005 @ 17:15:
Ik heb het probleem gevonden:

Mijn pagina begint met de volgende regel:
code:
1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Als ik "http://www.w3.org/TR/html4/loose.dtd" verwijder, komt het balkje netjes onderaan zoals het hoort (dmv de methode van Wriker).

Wat zijn de gevolgen als ik dit weglaat? Is dit essentieel?

Ja, lekker laten staan. Dat is het probleem ook niet.

Als ik naar je code kijk zie ik dat je de TR en de TD van die onderste rij op height=100% hebt staan. Dat moet niet. De table moet 100% zijn. De row geef je een pixelmaat of niet. Zet je de inhoud van de onderste rij dan op valign=bottom, dan komt die hoe dan ook onderaan te staan. Zoniet dan is je table niet 100%. Zet dan even de border op 1 om te kijken hoe je table precies loopt.

donderdag 18 augustus 2005 17:27

Acties:

Verwijderd

Dries_Aendekerk schreef op donderdag 18 augustus 2005 @ 17:15:
Als ik "http://www.w3.org/TR/html4/loose.dtd" verwijder, komt het balkje netjes onderaan zoals het hoort (dmv de methode van Wriker).

Wat zijn de gevolgen als ik dit weglaat? Is dit essentieel?

Door de dtd (zo heet dat stuk code) weg te halen wordt je pagina op een andere manier gerendert door de browser, namelijk ook ongeldige code probeert de browser goed weer te geven.
Dat hoeft geen probleem te zijn, maar als er iemand klaagt over slechte of verkeeerde wergave wordt het moeilijk om de fout te vinden.

Op de website van het w3c kan je voorbeelden van alle geldige dtd's vinden.

Probeer eens html4.1transitional of de html3.2 versies met een geldige dtd kan je een pagina altijd nog laten valideren om naar fouten te zoeken..

donderdag 18 augustus 2005 17:49

Acties:

DriesA

Topicstarter

Verwijderd schreef op donderdag 18 augustus 2005 @ 17:23:
[...]

Ja, lekker laten staan. Dat is het probleem ook niet.

Als ik naar je code kijk zie ik dat je de TR en de TD van die onderste rij op height=100% hebt staan. Dat moet niet. De table moet 100% zijn. De row geef je een pixelmaat of niet. Zet je de inhoud van de onderste rij dan op valign=bottom, dan komt die hoe dan ook onderaan te staan. Zoniet dan is je table niet 100%. Zet dan even de border op 1 om te kijken hoe je table precies loopt.

Tiens, ik heb nochtans nergens 100% hoogte gegeven aan de TR/TD. Zeker dat je naar de meest recente opgeladen pagina kijkt? De table staat op 100%, maar als ik met border=1 even check of dat effectief zo is, zie ik dat het niet zo is (hoogte is net voldoende om de inhoud weer te geven). Het probleem ligt dus aan de tabel, en niet aan de onderste cel met het balkje in. Correct?

I don't have hard drives. i just keep 30 chinese teenagers in my basement and force them to memorize numbers.

Pagina: 1

Reageer