Archief - xHTML/CSS: Probleem IE/Firefox

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
m

maatje

Legacy Member
hier is men xhtml code

<div id="infobox">
<h2>Ingewikkeld of niet?</h2>
<p>Aanvankelijk lijkt de Kolonisten een ingewikkeld spel.
Maar al snel zul je merken dat dat allemaal wel meevalt...
Piece of cake!<br />
Bekijk meer op de volgende links:<br/>
<a href="#">http://wwww.catan.com/index.php?id=243545545</a>
<a href="#">http://www.999games.nl</a><br/>
<a href="#">http://www.spellenspektakel.nl</a><br/>
<a href="#">http://www.catanvlaanderen.be</a> </p>
</div>

en hier is men css code

#infobox
{
width:230px;
background-color:#CE2109;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
float:left;
}

hier in explorer
http://users.telenet.be/footballworld/explorer.jpg dan zie je dat het eerste linki afgebroken wordt

en hier in firefox blijft het doorgaan, het wordt niet afgebroken
http://users.telenet.be/footballworld/firefox.jpg
D

DevStyle

Legacy Member
zal het zometeen eens bekijken, maar plaats je code in't vervolg tussen
Code: 
-tags, dat vergemakkelijkt het voor ons.

[CODE]
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
kun je trouwens gewoon vervangen door padding: 2px;
D

Disa

Legacy Member
Da|Charlie zei:
jah, idd ma da mogen we in 1MCT niet :(
Klik om te vergroten...

Huh, zo een dingen mochten toch?

Alleen niet font & background dacht ik.

Anyway kben er ook aan bezig, kzal het sffs es uppe :D

D
m

maatje

Legacy Member
ja ik doe ook 1 MCT :)

anyway, keb den docente al gemaild en men moet gewoon den property Overflow gebruiken en den declaratie is hidden;
D

Da|Charlie

Legacy Member
Disa zei:
Huh, zo een dingen mochten toch?

Alleen niet font & background dacht ik.

Anyway kben er ook aan bezig, kzal het sffs es uppe :D

D
Klik om te vergroten...


niet dus, vanmiddag naar monitoraat geweest. en dit kreeg ik te zien :naughty:
voor de rest wast wel leerzaam, heb complimentjes voor men banner gekregen :p
F

FmTx

Legacy Member
Da|Charlie zei:
jah, idd ma da mogen we in 1MCT niet :(
Klik om te vergroten...
lol, mogen jullie dit wel/niet?
--> margin: 2px 2px 2px 2px; (boven, rechts, onder, links < in die volgorde)
o

orez

Legacy Member
Maak eens aan jullie docenten wijs :

Ze verwachten dat je een strict valid GEOPTIMALISEERDE website maakt.
Nu, wat is optimalisatie juist ja ! Tags correct gebruiken!
Margin-left
margin-right
....

Neemt 1 byte in per letter.

margin: 2px; neemt VEEL minder bytes in --> kleiner css bestand --> minder loadtime, DAT is nu eenmaal optimalisatie. Mag het niet, nie mee inzitten, kom met deze argumenten af op je examen, en ze vallen met hun mondje open. Ik heb ook 1 MCT gedaan, en ik wist stukken meer af van xhtml/css dan de docentjes in het PIH. Als ze mij probeerden af te breken op dergelijke gevallen had ik mijn antwoorden wel klaar...
o

orez

Legacy Member
maatje zei:
ja ik doe ook 1 MCT :)

anyway, keb den docente al gemaild en men moet gewoon den property Overflow gebruiken en den declaratie is hidden;
Klik om te vergroten...

en dat is echt de vuilste oplossing die er is... echt grappig om dit van een docente als antwoord te krijgen...

Je had gewoon last van een domme Internet Explorer bug, de Guillotine of Peekaboo bug, 1 van deze 2. www.positioniseverything.net , voor uitleg en oplossingen...

De docenten weten er echt niet zoveel van of ze laten uitschijnen hoor...
s

servi

Legacy Member
orez zei:
Maak eens aan jullie docenten wijs :

Ze verwachten dat je een strict valid GEOPTIMALISEERDE website maakt.
Nu, wat is optimalisatie juist ja ! Tags correct gebruiken!
Margin-left
margin-right
....

Neemt 1 byte in per letter.

margin: 2px; neemt VEEL minder bytes in --> kleiner css bestand --> minder loadtime, DAT is nu eenmaal optimalisatie. Mag het niet, nie mee inzitten, kom met deze argumenten af op je examen, en ze vallen met hun mondje open. Ik heb ook 1 MCT gedaan, en ik wist stukken meer af van xhtml/css dan de docentjes in het PIH. Als ze mij probeerden af te breken op dergelijke gevallen had ik mijn antwoorden wel klaar...
Klik om te vergroten...

Het is niet omdat het korter is dat het daarom beter is.
x++ += !(++y++>>3>0);

is dan wel correct en korter/sneller dan :


y++;

if ( (y/8) <= 0 )
x+=2;
else
x++;

y++;

Maar het eerste is wel ongelooflijk vermoeiend om te lezen.

Vanuit programmeer standpunt is het immers foei om dit zo te doen. Elke variabele moet een zo duidelijk mogelijke betekenis hebben.
Bij margin : 2px; is dit nu wel min of meer het geval, maar margin : 2px 4px 3px 5px; is nu niet echt een schoon voorbeeld van zelfdocumenterende code.
X

Xavez

Legacy Member
servi zei:
maar margin : 2px 4px 3px 5px; is nu niet echt een schoon voorbeeld van zelfdocumenterende code.
Klik om te vergroten...
En waarom zou dat zo moeten zijn? Elke webmaster zou zichzelf de CSS shorthands eigengemaakt moeten hebben. En buiten een andere webmaster moet er niemand, maar dan ook niemand een idee hebben van hoe die CSS in elkaar zit :). Clockwise from top is overigens het meest logische om properties te declaren.
s

servi

Legacy Member
Xavez zei:
En waarom zou dat zo moeten zijn? Elke webmaster zou zichzelf de CSS shorthands eigengemaakt moeten hebben. En buiten een andere webmaster moet er niemand, maar dan ook niemand een idee hebben van hoe die CSS in elkaar zit :). Clockwise from top is overigens het meest logische om properties te declaren.
Klik om te vergroten...

Zo logisch vond ik dat niet toen ik die tag voor het eerst zag, ik dacht in ieder geval toen ik die het eerst zag dat het iets helemaal anders betekende ( bijvoorbeeld margins voor children elements ). Overigens kan je nooit zeker weten wie jouw code gaat bekijken. documentatie is altijd belangrijk. Ik moet hier dikwijls lappen code bekijken van 1000 regels lang zonder ook maar 1 commentaar-regel in, ik kan je verzekeren dat dat niet plezant is om te lezen !


PS : ik gebruik die short-tag ook hoor :p, maar er zijn wel degelijk argumenten om duidelijkere vormen te gebruiken.
o

orez

Legacy Member
mja servi, ge kunt er zwaar over discussieren, maar het is en blijft een css toepassin, als ge bytes kunt saven, dan moet ge ze saven hé, hoe kleiner ge uw file kunt houden hoe beter, daarmee insinueer ik nu wel niet, dagge er uw broek aan moet vegen om een klein css bestand te maken en een suck-ass design, maar als gij zo 50 objecten hebt waar ge ne margin moet gaan bepalen ebde al onmiddelijk 200 lijnen en is het bestand al snel 4x zo groot, om met simpele getallekes te werken, 5mb is nu eenmaal sneller binnengehaald als meer als 20mb hé ;) (mb als voorbeeld hé :p)

En zo onlogisch is da nu ook weer nie :p volg het klokje, start op 12u ga naar 3u ga naar 6u en dan naar 9u :p dus perfect hoe een klok loopt infeite.

Vanuit programmeer standpunt ga ik akkoord met je, tis dan ook programmeren. Maar imo, dient je CSS zo klein mogelijk te blijven, een programmeertaal wordt eerder geparsed op een server, ligt aan de server hoe snel hij da zal compileren. bij PHP bv zorg je er dan voor dat je xhtml zo beknopt mogelijk blijft, en je houdt je CSS zo beknopt mogelijk --> dient de gebruiker minder binnen te halen op zen lijn, en zal je site blijkelijk sneller geladen zijn :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan