login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst in FF niet goed geplaatst

Offline clonedonkey - 10/03/2009 16:10 (laatste wijziging 10/03/2009 16:10)
Avatar van clonedonkeyNieuw lid Ik ben bezig met een site waar onderaan, in de footer div een tekst staat. Deze heb ik gecentreerd. In Internet Explorer werkt het goed, zoals in het plaatje te zien is. Alleen in FF staat de tekst helemaal rechts en een stukje onderaan de footer div. Heb al van alles geprobeerd maar snap er niks van. Heeft iemand een idee wat dit kan zijn, en dan vooral hoe ik het oplos 

IE :
http://foto-hosting.nl/img=7a0de015d9

FF:
http://foto-hosting.nl/img=c1d945a05c

Code site :
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2. <div id="container">
  3.       <div id="header"></div>
  4.       <div id="menu"></div>
  5.  
  6.       <div id="content">
  7.  
  8.         <div id="left"><? include_once ("nieuws.php"); ?></div>
  9.         <div id="middel"><? include_once ("nieuws2.php"); ?></div>
  10.         <div id="right">Leeg</div>
  11.         </div>
  12.       <div id="clearfooter"></div>
  13. </div>
  14. <div id="footer"><div align="center">Tel.nummer</div></div>
  15. </body>
  16. </html>



CSS :
Plaatscode: 111686

14 antwoorden

Gesponsorde links
Offline denniseik - 10/03/2009 16:42 (laatste wijziging 10/03/2009 16:43)
Avatar van denniseik Lid <div align="center"></div> weghalen, div "footer" vervangen door:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #footer{
  2. background: repeat-x url(img/bottom1.jpg);
  3. height:150px;
  4. width:800px;
  5. border:1px dashed;
  6. text-align: center;
  7. }
Offline clonedonkey - 10/03/2009 16:49
Avatar van clonedonkey Nieuw lid Werkt helaas niet. Probleem blijft het zelfde.
Offline markla - 10/03/2009 22:38 (laatste wijziging 10/03/2009 23:31)
Avatar van markla PHP interesse heb het zelfde gehad. Dit moet je Via CSS oplossen.
Wat is de Code uit je CSS die aan de DIV id="footer" is gekoppeld?

Gooi sowiezo deze <div align="center"> weg en plaats dit in je CSS file:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. footer{
  2.  font-family: Arial,sans-serif;
  3.  font-size: 114%;
  4.  margin: 0px;
  5.  padding: 0px;
  6.  text-align: center;
  7. }



vinTage schreef:
gelieve code tags te gebruiken
Offline clonedonkey - 10/03/2009 23:06
Avatar van clonedonkey Nieuw lid Ook dat helpt niet helaas. De code van de css staat onderaan mijn eerste post. op onderstaande link :

http://www.plaatscode.be/111686
Offline markla - 10/03/2009 23:16
Avatar van markla PHP interesse e nals je aan een text-align: center;
toevoegd?

#footer{
background: repeat-x url(img/bottom1.jpg);
height:150px;
width: 800px;
text-align: center;
border:1px dashed;

}
Offline clonedonkey - 10/03/2009 23:17
Avatar van clonedonkey Nieuw lid Heb ik er al ingezet. Werkt helaas ook niet.
Offline markla - 10/03/2009 23:21 (laatste wijziging 10/03/2009 23:24)
Avatar van markla PHP interesse Heb heb er zelf ook deze week nog mee zitten klooien :-(

'k moet mogen vroeg op, maar kijk eens of je hier wat aan hebt?

http://www.web-garden.be/cursushtml/hoofdstuk4.pdf

of deze

http://www.site...mp;id=90#7

edit verplaats
je footer code in de CSS eens boven
de Container Code ..

het lijkt er op dat die twee elkaar tegen werken
Offline Designick - 10/03/2009 23:26 (laatste wijziging 10/03/2009 23:27)
Avatar van Designick Nieuw lid Al een externe stylesheet geprobeerd?
Je linkt voor IE en FF beide een aparte sheet.
Zo krijg je altijd optimaal resultaat en geen tegenwerkingen.
Zet dit in je head:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <LINK REL="stylesheet" media="screen" type="text/css" href="opmaak.css"/>
  2.  
  3. <!--[if IE]>
  4. <link rel="stylesheet" href="opmaakIE.css" type="text/css" media="screen"/>
  5. <![endif]-->


Succes 
Offline clonedonkey - 10/03/2009 23:30 (laatste wijziging 11/03/2009 16:32)
Avatar van clonedonkey Nieuw lid Ik gebruik geen apparte stylesheets voor FF of IE dus dat kan het niet zijn.

Het is wel zo dat de footer stylesheet in een andere staat dan b.v. de container. Dit komt omdat de footer 3 verschillende versies heeft. En dan via een php rotator wordt rotate1.css rotate2.css of rotate3.css geladen.

[edit]Heb een hoop geprobeerd ondertussen. Als ik #left en#middel een hoogte meegeef is het probleem opgelost. Alleen alle tekst die in #left en #middel staat, en die langer is gaat over de footer heen. Dus is niet echt een oplossing. Hoop dat iemand me toch nog hiermee kan helpen ![/edit]
Offline markla - 11/03/2009 19:28 (laatste wijziging 11/03/2009 19:28)
Avatar van markla PHP interesse Als je een BASIS Footer maakt met daarin je Rotate footer en de style zoveel mogelijk in de basis zet kom je dan nietg beter weg?

Wat/waar en waarom wijkt de style tussen de rotate versies af en is dit echt nodig?
Offline clonedonkey - 11/03/2009 22:42
Avatar van clonedonkey Nieuw lid Er zijn 3 soorten headers,stukje rechts,footer. En er horen dan steeds 3stuks bij elkaar. Daarom met de rotator. Maar dat kan dus ook niet anders. Heb ook het idee dat daar niet echt het idee ligt. Maar heb geen idee wat dan wel/ wat ik eraan kan doen !
Offline mothh - 12/03/2009 15:52
Avatar van mothh Onbekend als ik jou was dan zou ik de tekst erop nieuw in zetten en dan in firefox opbouwen en later pas in ie
Offline Designick - 13/03/2009 20:16
Avatar van Designick Nieuw lid
clonedonkey schreef:
Ik gebruik geen apparte stylesheets voor FF of IE dus dat kan het niet zijn.

Het is wel zo dat de footer stylesheet in een andere staat dan b.v. de container. Dit komt omdat de footer 3 verschillende versies heeft. En dan via een php rotator wordt rotate1.css rotate2.css of rotate3.css geladen.

[edit]Heb een hoop geprobeerd ondertussen. Als ik #left en#middel een hoogte meegeef is het probleem opgelost. Alleen alle tekst die in #left en #middel staat, en die langer is gaat over de footer heen. Dus is niet echt een oplossing. Hoop dat iemand me toch nog hiermee kan helpen ![/edit]

Ik bedoel juist dat je 2 externe zou moeten proberen ;)
Zo kun je zorgen dat ze in beide browers goed komen te staan met paddings en margins. succes 
Offline Jas_per_post - 14/03/2009 18:31
Avatar van Jas_per_post JS interesse Ik kan met de gegeven code niet vinden wat er mis kan zijn, kun je een linkje naar de site of een volledige html geven? (pagina in browser openen, source bekijken copy-paste)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.242s