31-08-2003, 22:31 | |
Verwijderd
|
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 Laatst gewijzigd op 31-08-2003 om 22:38. |
Advertentie | |
|
05-09-2003, 14:00 | |
<--- 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!
__________________
Per undas adversas (tegen de stroom in)
|
05-09-2003, 14:57 | ||
Verwijderd
|
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... |
05-09-2003, 15:04 | |
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*
__________________
Per undas adversas (tegen de stroom in)
|
05-09-2003, 15:05 | |
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.
__________________
Ooit. Dan.
|
05-09-2003, 15:15 | ||
Verwijderd
|
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). |
05-09-2003, 15:19 | |
Nou nee, mijn website is iets uitgebreider qua layout.
Ik heb: Code:
< top header > | | N (CONTENT) | { PAD } A (CONTENT) | { PAD } V (CONTENT) | { PAD } B (CONTENT) | { PAD } A (CONTENT) | { PAD } R (CONTENT) | { PAD } | | <bottom footer> 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> <blabla> <body> <div class="main"> <div class="top"></div> <div class="left"> <div class="navbar"> <? require($docroot.'navbar.php'); ?> </div> </div> <div class="right"></div> <div class="bottom"></div> <div class="content"> ( ... ) content; dus de eigenlijke pagina ( ... ) </div> </div> </body> </html> Maarja, MSIE gooit roet in het eten.
__________________
Per undas adversas (tegen de stroom in)
|
05-09-2003, 15:21 | ||
Citaat:
__________________
Ooit. Dan.
|
05-09-2003, 15:23 | ||
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.
__________________
Per undas adversas (tegen de stroom in)
|
05-09-2003, 15:26 | ||
Verwijderd
|
Citaat:
Dit vind ik geen minimieme afwijking.. |
05-09-2003, 15:32 | ||
Verwijderd
|
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] Laatst gewijzigd op 05-09-2003 om 15:38. |
05-09-2003, 15:34 | ||
Citaat:
http://80.112.236.198/~llc148/?iframe=1&id=4 (bekijk die site maar eens met MozF en met IE)
__________________
Ooit. Dan.
|
05-09-2003, 15:51 | ||
Verwijderd
|
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 |
Ads door Google |
05-09-2003, 16:10 | ||
Citaat:
__________________
What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.
|
05-09-2003, 16:45 | ||
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..
__________________
Per undas adversas (tegen de stroom in)
|
05-09-2003, 17:41 | |
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
__________________
What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.
Laatst gewijzigd op 05-09-2003 om 17:49. |
05-09-2003, 17:44 | |
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:
|
Advertentie |
|
05-09-2003, 18:14 | |
DrFreeman... Je zet nieuwgetal op false, vind je het dan raar dat hij die if statement niet uitvoert? Of zie ik dat verkeerd?
__________________
Onderuitgezakt in de koffiehoek van het zorgcentrum zit Sieb met volle teugen na te genieten van de Tweede Wereldoorlog. Arnela is de liefste! <3
|
05-09-2003, 18:30 | |
Heu... als je alleen het nummer wil veranderen kun je het net zo goed zo doen:
Code:
<script type="text/javascript"> <!-- function changeNumber(number) { document.getElementById('uitvoer').value = number; } --> </script> <form name="formulier"> <input type="text" size="19" value="0" id="uitvoer" style="background:black;color:red;"><BR> <input type="button" name="zeven" value=" 7 " onClick="changeNumber(7);"><BR> <input type="button" name="acht" value=" 8 " onClick="changeNumber(8);"><BR> </form>
__________________
What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.
|
05-09-2003, 19:11 | ||
Verwijderd
|
Citaat:
Zet het volgende in iframe.css (vervang de oude .ContentBox): Code:
.ContentBox { position:absolute; top:110px; left:215px; height:100%;/* Let op!! Nieuw!!*/ width:550px; bottom:0; color:#000000; border:0 none; } Nu werkt het (ook) in IE 6 |
05-09-2003, 19:49 | ||
Citaat:
|
05-09-2003, 22:03 | ||
Citaat:
__________________
Ooit. Dan.
|
06-09-2003, 00:25 | |
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%?
__________________
Per undas adversas (tegen de stroom in)
|
06-09-2003, 00:59 | ||
Citaat:
__________________
Ooit. Dan.
|
06-09-2003, 02:24 | ||
Citaat:
__________________
Per undas adversas (tegen de stroom in)
|
06-09-2003, 12:36 | ||
Citaat:
En toen ik ff snel dat height: 100% probeerde bij jouw site, werkte het wel o_O
__________________
What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.
|
Ads door Google |
08-09-2003, 17:25 | ||
Citaat:
http://forum.scholieren.com/search.p...by=&sortorder= edit: lol daar heb je nog op gereageerd ook
__________________
Ooit. Dan.
|
08-09-2003, 22:29 | |
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... |
09-09-2003, 07:33 | |||
Citaat:
Citaat:
__________________
Ooit. Dan.
|
09-09-2003, 08:23 | ||
Citaat:
__________________
What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.
|
09-09-2003, 08:41 | |||
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.
__________________
Per undas adversas (tegen de stroom in)
|
09-09-2003, 11:06 | |
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 |
|
|
Soortgelijke topics | ||||
Forum | Topic | Reacties | Laatste bericht | |
Software & Hardware |
Leren programmeren Bobby1994 | 54 | 21-06-2016 21:58 | |
Software & Hardware |
Wat programmeren jullie allemaal Warsocket | 69 | 12-08-2006 12:08 | |
Software & Hardware |
[Centraal] HTML/CSS/Javascript Enlightenment | 499 | 05-01-2005 21:42 | |
Software & Hardware |
[Prog] VB => JavaScript (server-side) Kawoutertje | 5 | 06-06-2004 12:55 | |
Beleidszaken |
[S&M] Nut van stickytopics McMotion | 47 | 22-02-2004 11:06 | |
Software & Hardware |
[Programmeren] Welke taal zal ik gaan leren? forum.scholieren.com | 46 | 24-11-2002 08:41 |