Footer
Code (php)
1
2
3
4
5
6
2
3
4
5
6
.footer {
width : 100%;
height : 152px;
background-image : url('Grass.png');
background-repeat : no-repeat;
}
width : 100%;
height : 152px;
background-image : url('Grass.png');
background-repeat : no-repeat;
}
Ik heb een tabel die 960 pixels breedt is. En mijn footer moet de hele breedte pakken van het beeldscherm.Dus staat mijn footer buiten de tabel, maar ik wil ook dat mijn footer altijd onderaan de pagina komt(Bij scrollen) en niet onderaan het beeldscherm, want als je dan moet scrollen staat de footer in mijn content.
Hierboven heb ik de style van mijn footer staan. Weet iemand de extra toevoegingen/wijzigingen om dit te bereiken?
Ps. Ook geeft mijn footer links en rechts nu ongeveer 10px. Dus staat mijn footer ook niet mooi over de hele breedte.
Gewijzigd op 20/02/2012 21:33:41 door Mitchoit Patron
En die margin kun je wegkrijgen door margin : 0 toe te voegen. Anders ligt het aan je browser
Jeroen vd op 20/02/2012 21:38:35:
Je kunt onder je tabel gewoon een divje toevoegen met class footer
En die margin kun je wegkrijgen door margin : 0 toe te voegen. Anders ligt het aan je browser
En die margin kun je wegkrijgen door margin : 0 toe te voegen. Anders ligt het aan je browser
De div class die heb ik al staan onderaan mijn tabel, bovenaan me topic kan je lezen, wat ik er nu in heb.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<body>
<div>
Mijn tabel..
</div>
<div class="footer"></div>
</body>
<div>
Mijn tabel..
</div>
<div class="footer"></div>
</body>
In mijn tabel staat zegmaar alles erin header content enz...
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#wraper_footer {
background:url(images/footer.png) repeat-x;
margin-bottom: 0px;
clear: both;
}
#footer {
width: 955px;
display: block;
margin-left: auto;
margin-right: auto;
height: 340px;
background: url('') no-repeat 540px 0px;
color: #FFF;
}
background:url(images/footer.png) repeat-x;
margin-bottom: 0px;
clear: both;
}
#footer {
width: 955px;
display: block;
margin-left: auto;
margin-right: auto;
height: 340px;
background: url('') no-repeat 540px 0px;
color: #FFF;
}
Gewijzigd op 20/02/2012 22:00:37 door Reshad F
Toevoeging op 20/02/2012 22:00:11:
En wat krijg je wel?
Jeroen vd op 20/02/2012 22:00:10:
En wat krijg je wel?
Toevoeging op 20/02/2012 22:00:11:
En wat krijg je wel?
Toevoeging op 20/02/2012 22:00:11:
En wat krijg je wel?
Hij staat bij de meeste gewoon goed maar als er weinig informatie op de pagina staat, staat de footer niet onderaan maar wat meer naar boven...
En ook op een pagina waarin ik een div float links heb en een div float rechts heb, gaat het erdoorheen staan...Is dat niet een bug van ie?
Toevoeging op 20/02/2012 22:14:05:
Jeroen vd op 20/02/2012 22:00:10:
En wat krijg je wel?
Toevoeging op 20/02/2012 22:00:11:
En wat krijg je wel?
Toevoeging op 20/02/2012 22:00:11:
En wat krijg je wel?
Of bekijk anders www.denicerieu.com
Het gras wat onderin staat...
2 kleine tips:
- ik zou het menu rechtsboven een andere kleur of achtergrondkleur geven. Gewoon voor wat meer contrast.
- in je textarea bij je contactform zou ik nog een padding meegeven; de tekst loopt door de ronde hoeken.
Bekijk je pagina een in internet explorer en vergelijk met andere browsers. Ben je daar tevreden over?
Jeroen vd op 20/02/2012 22:38:55:
Bij mij werkt ie gewoon....
2 kleine tips:
- ik zou het menu rechtsboven een andere kleur of achtergrondkleur geven. Gewoon voor wat meer contrast.
- in je textarea bij je contactform zou ik nog een padding meegeven; de tekst loopt door de ronde hoeken.
Bekijk je pagina een in internet explorer en vergelijk met andere browsers. Ben je daar tevreden over?
2 kleine tips:
- ik zou het menu rechtsboven een andere kleur of achtergrondkleur geven. Gewoon voor wat meer contrast.
- in je textarea bij je contactform zou ik nog een padding meegeven; de tekst loopt door de ronde hoeken.
Bekijk je pagina een in internet explorer en vergelijk met andere browsers. Ben je daar tevreden over?
Als ik die textarea padding geef dan schuift de submit ook verder naar rechts. Ik heb geprobeerd padding op 0 te zetten maar dan staat het nog steeds niet gelijnd aan de rechterkant..
Toevoeging op 20/02/2012 23:35:02:
maak er dit is van..
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.footer {
width: 100%;
height: 152px;
background-image: url('Grass.png');
background-repeat: no-repeat;
margin-bottom: -10px;
clear: both;
}
width: 100%;
height: 152px;
background-image: url('Grass.png');
background-repeat: no-repeat;
margin-bottom: -10px;
clear: both;
}
Toevoeging op 20/02/2012 23:40:17:
edit: mooi gedesigned de website en je portfolio zag er ook goed uit trouwens! ;)
Toevoeging op 20/02/2012 23:41:41:
en kijk ook even naar je sourcecode :O je hebt 2 html paginas in 1 page?
Code (php)
1
html,body { margin: 0; padding: 0; }
Wouter J op 21/02/2012 08:16:09:
De oplossing is hier eigenlijk heel simpel. Voeg dit toe bovenin je stylesheet en je bent klaar:
Code (php)
1
html,body { margin: 0; padding: 0; }
Tnx dit heeft geholpen!
Toevoeging op 21/02/2012 18:40:44:
Alleen bij mij contact als ik padding geef aan het textfield of textarea dan kom je aan de rechterkant er buiten + de submit button gaat mee met de padding.(padding:0px; bij submit button helpt niet...).
Oja en ik heb inderdaad 2 paginas op 1 page. Als je op een project klikt dan komt dat project op dezelfde pagina en verdwijnt het overzicht pagina. Zo zegmaar:
if(Titel is meeverstuurd) {
Projectpagina
}
else {
overzichtpagina
}
Oplossingen hiervoor?
Toevoeging op 22/02/2012 19:37:12:
btw ik zie bij jou ook geen witregel op mijn macbook :P ik zie alleen die padding bij je contact pagina
Reshadd farid op 22/02/2012 19:36:08:
ik heb ook last van het witte onderin maar vreemd genoeg is dit alleen bij de index pagina en zelfs dit niet overal zo heb ik het op mijn macbook niet maar op mijn veel grotere iMac scherm wel.. heel raar
Toevoeging op 22/02/2012 19:37:12:
btw ik zie bij jou ook geen witregel op mijn macbook :P ik zie alleen die padding bij je contact pagina
Toevoeging op 22/02/2012 19:37:12:
btw ik zie bij jou ook geen witregel op mijn macbook :P ik zie alleen die padding bij je contact pagina
Jaa maar het zou tog moeten kunnen dat het overal goed komt te staan.
En van die padding snap ik het niet eigenlijk want padding is tog de binnenkant dus hoe kan de submit button dan er in mee gaan.
Reshadd farid op 22/02/2012 20:41:23:
waarschijnlijk is er iets niet goed met je button css ik zie dat je ook veel css gebruikt in je div tags probeer dit gewoon in je css page te doen de padding is er alleen voor om de inhoud van wat er in je div zit ruimte te geven dus je hebt in principe een box alleen wordt die groter gemaakt zodat je text beter uitkomt. en je hebt waarschijnlijk je button gefloat om precies daar bij de rand te zitten
Jaa ik heb me submit button een float:right; gegeven. Maar als de box groter wordt kan je ook weer buiten de box komen aan de rechterkant. Is daar ook niet iets voor dat dat niet kan, want dat is niet echt mooi eigenlijk.
Reshadd farid op 23/02/2012 12:04:39:
ik ben zelf niet zo heel thuis in css maar misschien als je de padding vermindert en de margin aanpast dat daar beter resultaat mee krijgt
Ik heb de submit button een positive:relative en right gegeven nu heb ik hem goed gezet. En van die achtergrond als ik de body een border geef zie ik dat tie niet de hele hoogte van het beeldscherm pak. Dus het ligt niet aan de style van de background.
Gewijzigd op 23/02/2012 18:50:51 door Mitchoit Patron
Toevoeging op 23/02/2012 19:16:55:
heb je een max-width , max-height toegespast in je css misschien?