abonnement Unibet Coolblue Bitvavo
pi_25454034
ja hoor... daar gaan we weer!
Deel 1 vind je hier:
[CSS] voor dummies.
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25454076
ik heb het nu zo

1
2
3
4
5
6
7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Language" content="en-us"><link rel="stylesheet" type="text/css" href="files/style.css">
<title>Untitled Document</title>
</head>


maar dat werkt ook niet in IE... ik kan de style code toch wel gewoon in mn css file laten staan?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25454304
Ja hoor, dat moet gewoon werken. Dan doe je waarschijnlijk toch iets anders fout.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25457034
je reference naar je style is wel goed? files/style.css klopt dus hier?
pi_25458445
@vinc-e: file is goed gelinkt..

@superrembo: jou file uit deel 1 werkt idd goed als ik het zo gebruik.. dan ga ik het stukje bij beetje om vormen naar de site waar ik het in wil gebruiken..

ik laat wel weten of ik er uit kom..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25459562
hmmz ik heb het nu zo gedaan...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   <meta http-equiv="Content-Language" content="en-us">
   <style type="text/css">
   
html {
   margin: 0;
   padding: 0;
}
body {
   margin: 95px 10px 10px 190px;
   padding: 0;
}

div.content {
   height: 100%;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #000;
}

div.nav {
   position: absolute;
   top: 5px;
   left: 0px;
   right: 0px;
   height: 50px;
   border-top: 1px solid #FF0000;
   border-bottom: 1px solid #FF0000;
   width: 100%;
}
   </style>
</head>
<body>

<div class="content">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</div>

<div class="nav">
nav
</div>

</body>
</html>


de div content is nu goed.. maar dat is niet het enige divje in de pagina. er is ook nog een div nav.. deze wordt wel weergegeven, maar houdt op voordat deze de rechter zijde van het scherm heeft bereikt, terwil ik wil dat ie het hele scherm bedekt.. dan zit ik toch met de attributen die bij de body zijn mee gegeven denk ik.. of niet?

in firefox doet ie het wel...:s

[ Bericht 0% gewijzigd door markiemark op 10-03-2005 18:21:48 ]
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25459657
als je de width van de html en body eens op 100% zet?
pi_25459948
quote:
Op donderdag 10 maart 2005 17:58 schreef Vince-E het volgende:
als je de width van de html en body eens op 100% zet?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25460438
dit moet het wel doen... waarschijnlijk geven die marges toch wat problemen in de body...
verander die 190px marge eens, en zet deze op de content... dus...

body {
margin: 95px 10px 10px 0;
padding: 0;
}

div.content {
height: 100%;
margin-left:190px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000;
}
pi_25460516
quote:
Op donderdag 10 maart 2005 18:55 schreef Vince-E het volgende:
dit moet het wel doen... waarschijnlijk geven die marges toch wat problemen in de body...
verander die 190px marge eens, en zet deze op de content... dus...

body {
margin: 95px 10px 10px 0;
padding: 0;
}

div.content {
height: 100%;
margin-left:190px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000;
}
als je een meisje was hee!!

..dank je wel..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25460534
maar..... dit is dus niet xhtml strict?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25460700
Als je strict mode wil dan moet je die laatste mogelijkheid van Quirksmode.org nemen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25461928
hmmz ok, ga ik dat nog even bestuderen..
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  FOK!-Schrikkelbaas zaterdag 12 maart 2005 @ 15:59:34 #14
1972 Swetsenegger
Egocentrische Narcist
pi_25490422
Ik heb een wazige bug gevonden:



1
2
3
4
5
6
7
8
9
10
<html>
<head>
</head>
<body>
<div style="height:125px; width:500px; filter:alpha(opacity=20);-moz-opacity:0.20;">
<span style="font-size:10pt; color:black;">Test <br />
Zodra ik in IE 6 een div met een vaste height en een filter alpha instel
zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing.
</div>
</body></html>


Kortom, wanneer in XP bij de beeldeigenschappen smooth edges op 'cleartype' staat (op twee tft's getest, beide samsung).
en ik heb een div met fixed height of width EN een filter alpha... krijg je bovenstaand te zien.

Ik heb het bv ook bij games.fok.nl (button bar)




Nu is het zo dat ik een div met fixed height nodig heb.
Iemand een workaround voor dit probleem?
pi_25490485
Wat doet:
1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
</head>
<body>
<div style="height:125px; width:500px; filter:alpha(opacity=20);-moz-opacity:0.20;">
</div>
<div style="position:relative;top:-125px;height:125px;width:500px;">
<span style="font-size:10pt; color:black;">Test <br />
Zodra ik in IE 6 een div met een vaste height en een filter alpha instel
zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing.
</div>
</body></html> 
  FOK!-Schrikkelbaas zaterdag 12 maart 2005 @ 16:16:10 #16
1972 Swetsenegger
Egocentrische Narcist
pi_25490643
quote:
Op zaterdag 12 maart 2005 16:04 schreef Roönaän het volgende:
Wat doet:
[ code verwijderd ]
Geen filter meer laten zien
pi_25491016
Grin. Moet je een beetje kleurtjes invoegen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
</head>
<body style="background:green;">
<div style="height:125px; width:500px; position:relative;">
  <div style="position:absolute;height:100%;width:100%;top:0;left:0; filter:alpha(opacity=20);-moz-opacity:0.20; background:white;">
  </div>
  <div style="position:absolute;height:100%;width:100%;top:0;left:0; ">
    <span style="font-size:10pt; color:red;">Test <br />
    Zodra ik in IE 6 een div met een vaste height en een filter alpha instel
    zien de letters er zo uit wanneer windows op 'cleartype' ingesteld staat voor character smoothing.
    </span>
  </div>
</div>
</body></html> 
  FOK!-Schrikkelbaas zaterdag 12 maart 2005 @ 18:42:21 #18
1972 Swetsenegger
Egocentrische Narcist
pi_25492368
quote:
Op zaterdag 12 maart 2005 16:43 schreef Roönaän het volgende:
Grin. Moet je een beetje kleurtjes invoegen:
[ code verwijderd ]
Ja, de div fade wel, maar de content niet!
pi_25493213
Mijn fout. Wat happens als je de fading div over die ander laat zetten? (volgorde omdraaien in code)
  FOK!-Schrikkelbaas zaterdag 12 maart 2005 @ 21:39:13 #20
1972 Swetsenegger
Egocentrische Narcist
pi_25495329
quote:
Op zaterdag 12 maart 2005 19:32 schreef Roönaän het volgende:
Mijn fout. Wat happens als je de fading div over die ander laat zetten? (volgorde omdraaien in code)
Same.

Maar nogmaals, alleen in IE op een flatpanel met 'cleartype' aan.
Zet ik smooth edges uit of op 'standard' werkt het prima.

Anyway, ik heb het plan maar omgegooid, dus op korte termijn is geen workaround meer nodig.
pi_25507980
ik zit met een klein iets waari k niet uit kom.. ik zit iets te maken en ik kom er niet uit met de border van een div.. ik heb een div gemaakt op de volgende manier:
css:
1
2
3
4
5
6
7
8
9
div.nav_element_links {
   position: relative;
   margin: 0px;
   padding: 0px;
   top: 0px;
   left: 0px;
   width: 143px;
   border: 1px solid #FF0000;
}

html
1
2
3
4
5
6
      <div class=\"nav_element_links\">
      links<br />
      links<br />
      links<br />
      links<br />
      </div>


nu kom ik er achter dat in firefox de border buiten de div om heen gaat (breedt wordt 2px meer..) terwijl bij IE de border binnen de breedte van de div valt.. hoe is dit op te lossen?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25508149
Dat komt door de foute (maar handige) interpretatie van IE. Dit zou \'t op moeten lossen

1
2
box-sizing: border-box
-moz-box-sizing: border-box;


Zie http://www.quirksmode.org/css/box.html
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_25508201
quote:
Op zondag 13 maart 2005 18:05 schreef SuperRembo het volgende:
Dat komt door de foute (maar handige) interpretatie van IE. Dit zou \\\'t op moeten lossen
[ code verwijderd ]

Zie http://www.quirksmode.org/css/box.html
heb je me weer geholpen! dank je!
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25511627
quote:
Op zondag 13 maart 2005 18:05 schreef SuperRembo het volgende:
Dat komt door de foute (maar handige) interpretatie van IE. Dit zou \'t op moeten lossen
[ code verwijderd ]

Zie http://www.quirksmode.org/css/box.html
Ik denk dat box-model redelijk uit de tijd is, omdat je doormiddel van een goede doctype Internet Explorer ook gewoon uit quirksmode kan halen. Enige wat je hoeft te doen is een doctype te gebruiken waar de uri naar een dtd ook in staat, zoals bijv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
of een xhtml variant
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-r-
pi_25514411
@ Roonaan: thnx.. ik ga nog ff verder spelen..

waarom is het box model niet meer gebruikelijk? het werkt goed en wordt bij mijn weten door vrijwel alle browsers goed geinterpreteerd...
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25523641
Ik wordt echt gek van CSS m.b.t de verschillen in IE en FF (moz)

Het volgende heb ik

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
<head>
<title>testje1</title>
    
<style type="text/css">
<!--
    
DIV.middle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 600px;
  margin-left: -400px; /* half of width */
  margin-top: -300px;  /* half of height */
  background-color: #6699CC;
}
      
DIV.left {
  float: left;
  width: 400px;
  border-width: 2px 1px 2px 2px;
  border-style: solid; 
  border-color: black;
}

DIV.right {
  float: right;
  width: 400px;
  border-width: 2px 2px 2px 1px;
  border-style: solid; 
  border-color: black;
}
  
-->
</style>
     
</head>
<body>
  
<div class="middle">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

</body>
</html>


Dit resulteert in IE een perfecte gecentreerde pagina met een linker en rechter gedeelte, echter is dit niet het geval in FF, daar staat het rechter gedeelte wel rechts maar net even onder het linker gedeelte.

Iemand die een oplossing weet?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_25533322
probeer bij de div "right" ook eens float: left; ...
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_25536945
Nee het ligt aan de verschillende boxmodels. In FF zijn left en right net te breed zodat ze niet naast elkaar passen.

  • zorg dat IE in standard mode draait zodat het w3-boxmodel wordt gebruikt. Voor IE5 lukt dat niet, daar heb je een hack voor nodig.
  • laat IE in quirks mode, maar geef voor IE en FF verschillende breedtes op
  • gebruik geen borders
  • Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_25546547
    SuperRembo:

    1. Hoe kan ik IE in standaard mode laten draaien?
    2. Hoe kan ik per brouwser dit laten verschillen dan? de maten?
    3. Haha, ja ik ben helaas wel borders nodig anders zou ik het wel anders oplossen

    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_25547962
    quote:
    Op donderdag 17 maart 2005 17:12 schreef Chandler het volgende:
    SuperRembo:

    1. Hoe kan ik IE in standaard mode laten draaien?
    Box model tweaking: http://www.quirksmode.org/css/box.html
    quote:
    2. Hoe kan ik per brouwser dit laten verschillen dan? de maten?
    Met een CSS Hack: http://www.quirksmode.org/css/csshacks.html
    De underscore hack: http://wellstyled.com/css-underscore-hack.html
    quote:
    3. Haha, ja ik ben helaas wel borders nodig anders zou ik het wel anders oplossen

    Je kan de borders van .left en .right wel laten. Om er dan toch een border bij te kijgen zet je er dan een extra div in die wel een border heeft.

    DISCLAIMER: ik ben niet verantwoordelijk voor het gebruik van de mogelijk niet al te nette oplossingen in dit bericht.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_25549374
    tvp
    pi_25572143
    Ik heb het eerder voorbij zien komen in deze reeks, maar ik kan het even niet vinden.
    ik wil graag een gecentreerde pagina (zoals het forum hier bijvoorbeeld) Alleen dan zodanig dat de content 90% is van de pagina, met een minimumbreedte van 800 bijvoorbeeld.
    Dat gecentreerde gaat alleen goed in in IE omdat ik text-align gebruik.
    Hoe krijg ik dit goed voor elkaar voor alle browsers?

    -edit-

    ff in de source van Fok gekeken en opgelost
    Alleen ik heb SuperR wel s horen zeggen dat t niet netjes is om je site uit alleen een tabel op te bouwen ofzo... Is dat zo?En is het alleen niet netjes?of werkt t ook niet goed?

    [ Bericht 29% gewijzigd door ikke_ook op 18-03-2005 20:00:09 ]
    pi_25572305
    doctype instellen.

    voor min-width kan je expression() gebruiken om dat in explorer draaiende te krijgen.

    1
    2
    3
    4
    5
    6
    div#center {
    margin:0 auto;
    width:90%;
    min-width:800px;
    width:expression(document.body.clientWidth < 800? "800px": "90%" );
    }
    pi_25585886
    ik heb een cel in mijn tabel (een <td> dus) en ik wil graag dat hij een cellpadding heeft van 5, behalve aan de linkerkant, daar moet de cellpadding 0 zijn... Ik kan niet echt vinden of, en zo ja hoe je dat kunt maken....

    -edit-

    Wat is dat toch met dat posten hier van mij... Ik zoek een uur, ik vind niet hoe het moet...ik post hier, en binnen 5 minuten heb ik het gevonden...
    padding-left dus....

    [ Bericht 31% gewijzigd door ikke_ook op 19-03-2005 14:03:25 ]
    pi_25586051
    quote:
    Op vrijdag 18 maart 2005 19:53 schreef ikke_ook het volgende:
    Alleen ik heb SuperR wel s horen zeggen dat t niet netjes is om je site uit alleen een tabel op te bouwen ofzo... Is dat zo?En is het alleen niet netjes?of werkt t ook niet goed?
    Ik ben niet de enige. Why avoiding tables (for layout) is important
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_25586309
    quote:
    Op zaterdag 19 maart 2005 14:03 schreef SuperRembo het volgende:

    [..]

    Ik ben niet de enige. Why avoiding tables (for layout) is important
    Best interessant!En ik merkte inderdaad ook al dat bepaalde tabellen bij mij langzaam laden, maar dat ligt dus aan het feit dat je niet aangeeft hoe breed kolommen moeten zijn...(dat zijn trouwens grote tabellen die informatie in tabelvorm weergeven dus die moeten wel tabel blijven)
    Maar om nou helemaal af te stappen van tabellen... ze zijn juist zo superhandig......
    pi_25889140
    ik heb een tabel cel waarbij ik de tekst links wil centreren, en een plaatje rechts. Kan dit op een of andere manier of moet ik de cel dan per se opdelen in 2 cellen?
    pi_25889742
    Ander probleem...........

    -edit-
    Opgelost......

    [ Bericht 61% gewijzigd door ikke_ook op 31-03-2005 21:59:35 ]
    pi_25890438
    quote:
    Op donderdag 31 maart 2005 20:37 schreef ikke_ook het volgende:
    -edit-
    Opgelost......
    Hoe? Met floats?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_25891980
    quote:
    Op donderdag 31 maart 2005 21:01 schreef SuperRembo het volgende:

    [..]

    Hoe? Met floats?
    Daar stond een ander probleem
    pi_26073569
    In IE doet een rollover op de volgende pagina het goed, in FF begint alles te flikkeren, waarschijnlijk omdat alles opnieuw opgebouwd wordt. De rollover is javascript, maar ik gok dat de fout in de CSS zit.

    http://www.jaydee.net -> pics

    De CSS komt niet geheel door de validator heen, maar er is inmiddels geen tijd meer om het compleet op te bouwen. Als dit werkt zijn doet alles het in ieder geval goed, ook in Firefox. Any advice?
    pi_26158739
    Ik heb een klein probleempje:
    de optie

    max-width : 150px;
    max-height : inherit;

    in FF werkt dat dus prima: plaatje wordt keurig 150 pixels breed en de verhouding blijft behouden. In IE gebeurt er helemaal niks.
    mijn oplossing heel simpel: een stukje javascript, maar mijn (gratis) host gebruikt javascript voor advertenties waar -hoe professioneel- fouten inzitten zodat de rest van de scripts niet meer worden uitgevoerd. (FF negeert de fout en gaat verder, IE stopt scripts)

    Toepassing: fotogallery, waarbij niet voor elk plaatje een thumbnail beschikbaar is.

    Weet iemand de IE variant voor max-width . Ik kan het niet vinden
    [ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
    Leve Kim , Leve Maduro , Leve Castro
    #freeTarik #freeDemon_from_heaven
    pi_26158978
    Je kan de errorhandling uitzetten met

    1window.onerror = function() { return true; }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26159172
    Of met css

    1
    2
    max-width:800px;
    width:expression(document.body.clientWidth > 800? "800px": "auto" );


    De complete uitleg
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26179128
    SuperRembo
    Ik wist niet dat Error Handling uit kon. Nu werkt het op beide browsers.


    [ Bericht 57% gewijzigd door BabeWatcher op 12-04-2005 20:28:25 ]
    [ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
    Leve Kim , Leve Maduro , Leve Castro
    #freeTarik #freeDemon_from_heaven
    pi_26179739
    Werkt die css oplossing met expression() ook?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26179890
    Heb ik nog niet geprobeerd, maar dat ga ik eerst offline doen.
    http://pix4u.coolfreehost.com/babe.php?babe=-ASI
    voorbeeld, (popup blocker aan!) , klikken op plaatje met gebloktkader (dit is de script-versie, werkte al, maar liep vast in IE)
    [ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
    Leve Kim , Leve Maduro , Leve Castro
    #freeTarik #freeDemon_from_heaven
      woensdag 13 april 2005 @ 12:10:42 #48
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_26192077
    Ik ben ook begonnen met css....

    het eerste probleempje: ik heb een cel die ik #kop heb genoemd...maar hoe centreer ik die in het midden ??
    pi_26215150
    een cel van een tabel? die staat toch al uitgelijnd in de tabel zeg maar? wil je de inhoud centreren? dast doe je met:
    1text-align: center;


    hoop dat je dat bedoelde..
    Amsterdam, stad van hash en coke,
    Waar de vrouwen zich vrouwelijk gedragen..
    En de mannen ook..
      donderdag 14 april 2005 @ 12:07:21 #50
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_26218505
    gewoon de hele inhoud van de site... ik heb dit als container, waar vervolgens 3 cellen in staan:
    quote:
    #container {
    margin: auto;
    padding: 0px;
    width: 670px;
    position: relative;
    }
    in FireFox staat die tabel wel in het midden, maar in IE staats alles links uitgelijnd...ik bedoel dus de text niet maar gewoon de container waar de inhoud in staat
    abonnement Unibet Coolblue Bitvavo
    Forum Opties
    Forumhop:
    Hop naar:
    (afkorting, bv 'KLB')