![]() |
HTML, CSS & JavaScript vragen topic
Dit is het officiele HTML (xhtml, dhtml), CSS en Javascript topic.
Stel hier duidelijk de vraag met omschrijving en bijgaande de code waar het fout gaat (als dit het geval is).
HTML
XHTML
DHTML
Javascript (Niet te verwarren met Java, dit is totaal iets anders)
CSS
Extra Info & Tools
Eventuele vragen/opmerkingen over deze post kijk dan eens in het profiel van McLaren |
(y)
Zeer goede openingspost, m'n complimenten. :) |
nu hebben we de n00b-php vragen er weer uitgelaten...
|
Citaat:
Reden is dat daarbij vaak code gepost wordt, waarbij de layout verstoord wordt. Tweede argument is dat dit topic dan wel erg breed wordt, want als ik PHP toelaat moet ik ook ASP en andere serverside talen toestaan. PHP/ASP topics kunnen gewoon als los topic met een goede tag: "[PHP] reg_match probleempje" bijvoorbeeld. Mocht er veel vraag naar zijn, dan kunnen Koen en ik overwegen een sticky PHP/ASP topic te maken. Maar vooralsnog zie ik daar geen reden toe. |
<--- pissed off
De nachtmerrie van elke webdesigner: je pagina ziet er op de ene browser anders uit dan de andere. Kleine verschillen gaan nog wel, maar in mijn geval lukt het gewoon niet meer hoe ik wil. Ik was bezig mijn website op te schonen; alle <table> dingen vervangen door <div>'s en alles met CSS doen. Dat zal wel werken hè.. nou niet dus! Uiteindelijk kwam ik erachter dat MSIE de CSS2 property position: fixed niet ondersteunde. Er zijn 4 position properties: static, relative, absolute, fixed: Static: default, gewoon waar het object normaal geplaatst zou worden, net alsof je er tekst voor in de plaats zou zetten. Relative: hetzelfde als Static, alleen nu kun je ten opzichte van die positie iets afwijken, b.v. left: 50px; betekent 50 pixels verwijderd van de positie waar het normaal zou staan. Absolute: zet ongeacht de andere objecten dit object op een bepaalde plaats, b.v. left: 150px en top: 50px; betekent dus 150pixels verwijderd van links en 50 pixels verwijderd van boven. Als je scrolt (b.v. naar beneden) dan scrolt het object mee, en kan zodoende onzichtbaar worden omdat je b.v. tever naar beneden scrolt. Fixed: hetzelfde als absolute, maar dan onafhankelijk van scroll-gedrag. Het blijft altijd op deze plaats. Zeer handig. Wat is nou het probleem? MSIE support position property Fixed niet. Hierdoor kan ik dus niet een balk ten alle tijde onderaan de pagina displayen en rechts een <div> tonen die voor de achtergrond zorgt. Zie www.fluffles.net voor wat ik bedoel. Rechts is achtergrond, die groter wordt naarmate je je venster uitrekt. Dus met div's en CSS werkt het gewoon niet, dan maar met start tussen de benen terug naar bloated tables. En dat allemaal vanwege de W3C incompliance van MSIE. Bah! :mad: |
Je kan ook gewoon schijt hebben aan IE en je/de bezoekers aanraden om een echte browser te nemen ;)
|
Citaat:
En ik heb erover nagedacht om dus ook de tables te bannen, en het met div's te gaan doen.. Ik wilde er volgende week aan gaan beginnen, maar dat ga ik dus maar niet doen :/ Erg jammer, ik hou wel van iets nieuws uitproberen... |
Ja maar zo werkt het toch gewoon niet? Als browsers de standaard gewoon niet ondersteunen, en niet van oh een kleine aanpassing voor MSIE of een hack voor MSIE, nee gewoon NIET mogelijk. Daar word je toch behoorlijk ziek van?! En ik wil echt niet iets heel funky, lijkt me.
*sigh* :( |
nu heb je dus een pagina die er anders uit ziet in IE dan in MozF ofzo :) (btw snap ik niet wat je bedoelt, als je een vaste 8ergrond wil hebben kan je toch ook 'background-attachment: fixed' gebruiken?)
nog zoiets: IE ondersteund wel bottom en right, maar niet icm top en left resp. |
Citaat:
IMHO moet je geen rekening houden met één specifieke browser (hoeveel marktaandeel die ook heeft); gewoon coden volgens de standaard (tenzij de afwijkingen miniem zijn en relatief eenvoudig op te lossen, zoals de box-model interpretatie). |
Nou nee, mijn website is iets uitgebreider qua layout.
Ik heb: Code:
< top header > Navigation is het menu dingus links. Content is de eigenlijke inhoud van de pagina, die dus het grootste gedeelte opslurpt. PAD rechts is dat grijze dus. Wat uitrekt naarmate je het groter maakt. De inhoud van de website heeft dus een fixed width! Ten slotte is er een bottom footer, die b.v. "Powered By 230V" weergeeft, nu de parsetime van de pagina. Nou dacht mari slim te zijn, door het volgende te bedenken: Code:
<html> Maarja, MSIE gooit roet in het eten. :( |
Citaat:
|
Citaat:
Ik baal er van dat het volgens de nette CSS/HTML 4.01 manier gewoon niet mogelijk is. Want al die geneste tabellen vond ik zelf ook niet netjes en <div> leek me het performance schone alternatief. Maarja niet dus. :( |
Citaat:
Dit vind ik geen minimieme afwijking.. |
Citaat:
Ik bedoel: Opera & Moz: De opgegeven width is exclusief padding, margin en borders. IE: De opgegeven width is INCLUSIEF padding, margin en borders. Dit zijn minieme/kleine afwijkingen (aan de kant van IE), en is niet super belangrijk voor de verdere layout en/of indeling van je site. [edit] Rekenvoorbeeld: Code:
div{ width: 100px; border: 5px solid black; margin: 0px; padding: 0px;} IE: Box width: 100px. Content width 95px (=width - border) [/edit] |
Citaat:
http://80.112.236.198/~llc148/?iframe=1&id=4 (bekijk die site maar eens met MozF en met IE) |
het vervelende is dan ook nog eens dat je niet op browserstring kunt checken, omdat veel browsers 'MSIE' er in hebben staan (bv: Opera 7.02 en lager)
|
Citaat:
Pas controleren op IE als laatste. Opera heeft altijd 'Opera' in de string staan (en soms ook IE). Dus eerst controleren of Opera. Als niet Opera, dan controleren op Moz (oid) Als niet Moz en niet Opera, dan controleren op IE |
Citaat:
|
Je kunt position: fixed wel nabootsen in IE met wat JavaScript...
|
Citaat:
|
Citaat:
|
Citaat:
Ik wil het netjes met CSS doen. :( Maar kijk, het hele punt is.. met tables kun je een structuur maken.. dit komt naast dat etc. Maar met MSIE is het dus niet mogelijk om dmv div en CSS hetzelfde resultaat te bereiken, iig niet in alle gevallen. Dat vind ik toch een beetje krom.. |
Hoe bedoel je dat dan? Position: fixed kun je ook niet met tables doen, en verder is er niet zo gek veel dat wel met tables kan en met CSS niet :)
Zeker die site van jou moet makkelijk met CSS en <div> kunnen :) |
ik heb een klein javascriptje waar ergens een fout zit, en ik kan em gewoon niet vinden :), iemand die mij misschien kan helpen?
code hieronder PHP-code:
|
DrFreeman... Je zet nieuwgetal op false, vind je het dan raar dat hij die if statement niet uitvoert? Of zie ik dat verkeerd?
|
Heu... als je alleen het nummer wil veranderen kun je het net zo goed zo doen:
Code:
<script type="text/javascript"> |
Citaat:
Zet het volgende in iframe.css (vervang de oude .ContentBox): Code:
.ContentBox { Nu werkt het (ook) in IE 6 |
Citaat:
|
Citaat:
|
Als je het nou eerst es probeert dan zul je zien dat het werkt :p
|
Citaat:
nee niet dus, ik d8 al dat ik het had geprobeerd |
100% is alles van wat het ter beschikking krijgt, toch?
Stel ik doe: <table width=100></table><table width=100%></table> even versimpeld, dan vult de 2e tabel gewoon alles op, en blijft de linkertabel op 100 pixels staan. Of moet je daarvoor auto gebruiken ipv 100%? |
Citaat:
|
Citaat:
|
Citaat:
En toen ik ff snel dat height: 100% probeerde bij jouw site, werkte het wel o_O |
Wij zijn op school nu ook bezig met een klein cursusje Javascript, maar we moeten een groot deel zelf uitzoeken. Daardoor heb ik een klein vraagje:
Hoe werkt de functie fahrenheit(celcius)? Waarschijnlijk is het antwoord supermakkelijk, maar ik begin ook maar net :o |
Aan de naam te zien geeft fahrenheit(40) dus weer hoeveel fahrenheit 40 graden celcius is. :)
Tussen de haakjes geef je het aantal graden celcius op, en dan poept de functie fahrenheit het aantal graden fahrenheit uit. |
klinkt idd wel erg logisch :o
|
Fahrenheit is geen standaard JavaScript functie hoor... je kan het wel makkelijk zelf maken natuurlijk ;)
|
CSS
Code:
.x { text-align: center; } text-align werkt simpelweg niet met tabellen dus.. Maar ik wil het wel, hoe kan ik dit oplossen (en ik wil dus geen <center> gebruiken) |
zoeken? dit heb ik laatst ook al gevraagd...
<table style="margin-left: auto;margin-right: auto"> |
Citaat:
ik wist dat het gevraagd was, alleen ja, hoe wil je op zoiets zoeken als je niet weet waar je op moet zoeken? :) |
Citaat:
http://forum.scholieren.com/search.p...by=&sortorder= edit: lol daar heb je nog op gereageerd ook :D |
Even een beetje offtopic, maar gewoon omdat MSIE overal zo wordt afgeschoten
(en terecht trouwens, MSIE heeft een belachelijke monopoly-positie, en eigenlijk zou daar dringend iets aan moeten gedaan worden, maar ja, dat geldt voor heel microsoft...) Wou gewoon maar even kwijt dat ook niet alle alternatieve browsers de richtlijnen van W3C zo goed volgen. Bij de laatste nieuwe opera bijvoorbeeld ondekte ik onlangs dat hij blijkbaar weigert om de "margin-top: 0; margin-left: 0..." in de body bij de CSS uit te voeren... Just so you know... |
Citaat:
Citaat:
|
Citaat:
:) |
Citaat:
Citaat:
Maar de kern van je verhaal klopt wel: ook de alternatieve browsers implementeren CSS2 niet helemaal, maar de dingen die wel zijn geïmplementeerd, zijn naar mijn weten wel korrekt geimplementeerd. |
heyz,
ik ben al enige tijd bezig met webdesign maar asltijd via wysiwyg programma's er bij gebruikt zo deed ik bv alles in klasblok behalve de frames en de tabellen die tekende ik mooi in een wysiwyg programma maar nu loop ik stage en moet alles met kladblok en nu kom ik dus kennis te kort.. wat doe ik fout?\ ik heb er ook commentaar bij gezet <HTML> <HEAD> <TITLE>Voorbeeld frames</TITLE> </HEAD> <FRAMESET ROWS="94,*"> <FRAME SRC="boven.html"> -->bovenste frame=94 onderste frame word nu ingedeelt in 2 cols <FRAMESET COLS="319,*"> --> 1 coll=319 de andere is de rest (wildcard) Nu wil ik die 1e col indelen in 2 rows en de andere coll ook.. doe doe ik dit? als ik nu eronder typ <frameset rows="..."> werkt die niet.. niet alleen een goede code plaatsen maar ook uitleg aub? laterz |
|
Alle tijden zijn GMT +1. Het is nu 17:40. |
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.