login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Lay-Out verspringt door JS (Opgelost)

Offline source36 - 21/03/2010 20:25
Avatar van source36Nieuw lid Hallo ik was even bezig met een klein sit(j)e voor de lol, Deze hier. Nou heb ik een stukje JS gebruikt om de randen (border-left en border-right) even lang te maken als div.content, maar nou verspringt om de een of andere vage reden verspringt de lay-out... druk maar eens herhaaldelijk op F5. Heeft iemand misschien enig idee wat daarvan de oorzaak kan zijn? Zelf ben ik niet zo heel erg thuis met JS, dus als iemand er even naar kan kijken graag! En als iemand code nodig heeft (of wil) moet hij/zij het maar even zeggen.

12 antwoorden

Gesponsorde links
Offline Tuinstoel - 21/03/2010 20:39
Avatar van Tuinstoel PHP expert Ehm hij verschilt per browser. IE/FF ziet hij er volgensmij naar behoren uit.

zie hier voor de screenshot.
Offline source36 - 21/03/2010 20:50 (laatste wijziging 21/03/2010 20:55)
Avatar van source36 Nieuw lid Nou, ik had nog geen browser-check gedaan, maar als je in FF op F5 blijft drukken zie je dat de height uiteindelijk veranderd; maar ik ga maar eens even goed kijken naar IE :S

EDIT
Alsof hij de ene × een BR gebruikt en de andere × niet...
Offline Martijn - 21/03/2010 20:53
Avatar van Martijn Crew PHP ik heb ook FF, en de ene refresh klopt t wel, en de andere opeens niet. Maar wat jij wilt is volgens mij gewoon met css te bouwen
Offline source36 - 21/03/2010 20:59 (laatste wijziging 21/03/2010 21:01)
Avatar van source36 Nieuw lid Nou de reden waarom ik JS ging gebruiken was omdat de border-rechts en links even lang moesten zijn als de Content. Maar aangezien de teksten niet allemaal even lang zijn dacht ik slim te zijn door het met JS om te lossen.... Als je een manier weet om het met CSS te doen hoor ik het ook graag!

En kan iemand mij vertellen waarom de Width in IE zo raar doet? In FF is hij goed, en in IE lijkt het alsof er 100px te weinig is!
Offline Jelmerholland - 21/03/2010 21:00
Avatar van Jelmerholland PHP beginner Appart inderdaad, per refresh veranderd je site Eerst staat alle tekst in het midden, dan links dan weer in het midden. De padding veranderd ook steeds volgens mij. En nou staat een deel van je tekst niet in het witte vlak, maar staat er in het groen een stukje onder.
screenshot
Offline source36 - 21/03/2010 21:02 (laatste wijziging 21/03/2010 21:31)
Avatar van source36 Nieuw lid
Jelmerhollan schreef:
En nou staat een deel van je tekst niet in het witte vlak, maar staat er in het groen een stukje onder.


Dat was ook mijn probleem idd 

Iemand enig idee hoe ik dit kan oplossen?
Offline Jelmerholland - 21/03/2010 21:41
Avatar van Jelmerholland PHP beginner Kan je je js code hier anders even plaatsen? (anders moet iedereen steeds naar je pagina en het zelf op zoeken (ik weet ook niet exact waar ik moet kijken)
Offline source36 - 21/03/2010 22:00
Avatar van source36 Nieuw lid Ik zet alles even op Plaatscode.be!
Javascript code
Rest van HTML
CSS code

Ik heb wat dingen verwijderd, dus kijk niet raar op als er een aantal $vars in staan zonder dat ze bepaalt worden!

Ik hoop dat iemand er wijs uit word!
Offline Jelmerholland - 21/03/2010 23:05 (laatste wijziging 21/03/2010 23:05)
Avatar van Jelmerholland PHP beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?
  2. 			# Pagina's includen
  3. 			if(empty($_GET['p'])) {
  4. 				include('subjects/welkom.php');
  5. 			}
  6. 			else {
  7. 				include($_GET['p'].'.php');
  8. 			}
  9. 			?>

Gebruik nooit de short-tags, altijd <?php ?>, niet elke server ondersteunt de short-tags ;)

lees deze pagina sws door!!!
http://www.phpf...ide?page=2

alsjeblieft, wat extra leesvoer mocht je je pagina verder willen beveiligen:)

http://www.phpf...king-Guide
http://wiki.phpfreakz.nl/Categorie:Beveiliging
http://wiki.php...ogrammeren
http://wiki.phpfreakz.nl/MagicQuotes
http://wiki.phpfreakz.nl/Invoer_validatie

[OT]
Geen idee wat de fout verder kan zijn ;) Misschien dat je verder nog wat van dit soort foutjes hebt die je script verpesten?
Offline source36 - 21/03/2010 23:46
Avatar van source36 Nieuw lid @Jelmerhollan

Bedankt voor je reactie en je links, altijd handig! Helaas denk ik niet dat mijn probleem iets te maken heeft met short tags, voor zover ik weet gebruik ik alleen <? als short-tag (nu niet meer! MWUHAHAHA <- had ik even zin in) dus helaas... Iemand nog suggesties?
Offline Pieter - 22/03/2010 15:11 (laatste wijziging 22/03/2010 15:14)
Avatar van Pieter Gouden medaille

SEO guru		 Voor de CSS oplossing:
http://www.alistapart.com/articles/fauxcolumns/

Zelfde principe. Je hebt slechts 1 px hoogte afbeelding nodig van de volledige layout. Zowel border-links, content en border-rechts kunnen dus in 1 afbeelding. En dan gewoon alles repeat-y. Javascript voor layouting is een slecht idee.

Nog vbtje vind je op volgende site. Bekijk maar de code en leer ervan  
Offline source36 - 22/03/2010 15:31
Avatar van source36 Nieuw lid @Pieter
Ik zat bij wiskunde en toen dacht ik ********!!!*** wat doe ik moeilijk ... Ik had deze code ook gebruikt bij een andere site voor het maken van een vullende div met daarin een achtergrondje, en toen ben ik dit gaan gebruiken, maar ik had gewoon meteen moeten werken met één ding  Bedankt voor ieders hulp, topic mag dicht als het aan mij ligt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s