login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Footer (Opgelost)

Offline prienstra - 10/07/2009 14:31 (laatste wijziging 10/07/2009 15:01)
Avatar van prienstraMySQL interesse Beste mensen,

Ik heb een probleem met een footer. Deze wordt op de verkeerde plaats gezet.
Deze staat naast/onder de google maps op het plaatje, en deze moet komen waar nu het kronkel lijntje staat.

Plaatje:linkje

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #voettekst{
  2. 	width: 800px;
  3. 	height: 50px;
  4.              text-align: center;
  5. }
  6.  
  7. Dat moet hieronder komen:
  8.  
  9. #wrapper {
  10. 	background:url(../images/logo.png) top right no-repeat;
  11. 	position:relative;
  12. 	left:50%;
  13. 	width:950px;
  14. 	margin-left:-476px;
  15. 	min-height: 100%;
  16. 	height:auto !important; /* voor moderne browsers */
  17. 	height:100%; /* voor IE */
  18. }


Voor een url om het te bekijken PM me even.

10 antwoorden

Gesponsorde links
Offline kickasgamer - 10/07/2009 15:06
Avatar van kickasgamer PHP ver gevorderde we zullen toch je html code nodig hebben om je probleem op te lossen met enkel css zijn we niets 
Offline prienstra - 10/07/2009 15:08
Avatar van prienstra MySQL interesse ja that's the problem! De code is nogal groot.

Als er mensen zijn die willen helpen, dan stuur ik een prive bericht met de url.
Offline kickasgamer - 10/07/2009 15:11
Avatar van kickasgamer PHP ver gevorderde ga naar www.plaatscode.be en plaats daar je html code vanaf dan kunnen we je helpen 
Offline prienstra - 10/07/2009 15:16 (laatste wijziging 11/07/2009 16:52)
Avatar van prienstra MySQL interesse Toch maar effe de code online:
De code: code link
Css: css link

Probleem de footer komt door de tekst:
Voorbeeld iets onder de google maps staat ik het midden het woordje footer door de andere tekst.
Offline Ibrahim - 11/07/2009 23:37 (laatste wijziging 11/07/2009 23:38)
Avatar van Ibrahim PHP expert Een tip: maak een structurele verbetering in je code. Hiermee bedoel ik uitlijnen.
Offline prienstra - 12/07/2009 07:50 (laatste wijziging 12/07/2009 08:31)
Avatar van prienstra MySQL interesse
Ibrahim schreef:
Een tip: maak een structurele verbetering in je code. Hiermee bedoel ik uitlijnen.


Ik heb alle overige code eruit gehaald. De echte code is ook anders uitgelijnd. Maar bedankt voor de tip!

Het probleem met de css is, dat de div footer onder de div map geplaatst wordt. De div footer moet onder de div wrapper komen.
Offline Megis - 15/07/2009 00:29
Avatar van Megis Nieuw lid Ik ben nog best een noobje als het gaat om CSS. (Ben het pas vanaf gister aan het leren). Maar volgens mij moet je het volgende toevoegen aan voettekst:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. position: absolute; /* maakt het element vrijstaand */
  2. bottom: 0; /*forceert het element helemaal onderaan de pagina */


Als de footer een beetje over die wrapper element gaat moet je nog het volgende toevoegen aan wrapper:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. padding-bottom: 50px;


Ik hoop dat dit helpt  
Offline meerweten - 23/07/2009 18:51
Avatar van meerweten Lid
prienstra schreef:
Toch maar effe de code online:
De code: code link
Css: css link

Probleem de footer komt door de tekst:
Voorbeeld iets onder de google maps staat ik het midden het woordje footer door de andere tekst.



ik heb je footer zodanig aangepast (via jouw link) zodat het zou moeten werken

als het niet werkt zend me dan maar een mailtje
Offline prienstra - 23/07/2009 19:32
Avatar van prienstra MySQL interesse ik weet niet precies wat je allemaal veranderd hebt, maar volgens mij werkt dit niet. (bodom?)
Als je kijkt op deze link zie je onder de google maps en dan iets naar rechts het woordje footer.

Dat moet helemaal onderaan komen. Nog onder waar nu de tijdelijke footer staat.
Offline meerweten - 25/07/2009 15:02
Avatar van meerweten Lid tip:

gebruik een mainfraim (in css code) waar je de rest van je div's inzet
vb:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="main">
  2. <div class="menu"></div>
  3. <div class="sidebar"></div>
  4. </div>
  5. <div class="footer"></div>


en dan voor de main en de footer een zelfde witdh nemen[/code]
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s