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
    pi_26219495
    quote:
    Op donderdag 14 april 2005 12:07 schreef SqueaK het volgende:
    gewoon de hele inhoud van de site... ik heb dit als container, waar vervolgens 3 cellen in staan:
    [..]

    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
    quote:
    As we know, Explorer Windows doesn't support margin: auto, so it doesn't center the site horizontally yet. Fortunately it allows us to center blocks by the (incorrect) use of text-align: center.
    bron

    Je moet dus de container van je #container (dat zal waarschijlijk de body zijn) op text-align: center zetten.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26220396
    quote:
    Op donderdag 14 april 2005 12:51 schreef SuperRembo het volgende:

    [..]


    [..]

    bron

    Je moet dus de container van je #container (dat zal waarschijlijk de body zijn) op text-align: center zetten.
    En zat dan wel in je andere div's weer de text-align op left, want anders is al je tekst gecentreerd.
    pi_26225666
    quote:
    Op donderdag 14 april 2005 13:27 schreef MouseInteractive het volgende:

    [..]

    En zat dan wel in je andere div's weer de text-align op left, want anders is al je tekst gecentreerd.
    Klopt. Maar dat merk je snel genoeg.
    Een text-align: left in #container zou voldoende moeten zijn.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      zaterdag 16 april 2005 @ 14:45:42 #54
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_26271387
    ik heb dit nu:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>NHome</title>

    <style type="text/css">
    body { 
     font: normal 10pt Trebuchet MS, Arial, sans, sans-serif, monospace;
     color: black; 
     margin: auto; 
     padding: 0px;
     background-image: url(images/achtergrond.jpg);
     margin: auto;
     }
    </style>
    </head>


    Maar hij pakt die font-size niet....die blijft standaard op 12... ook al verander ik het naar bijvoorbeeld 24, hij blijft gewoon hetzelfde...

    waar kan dat aan liggen ?

    [ Bericht 5% gewijzigd door SqueaK op 16-04-2005 15:03:07 ]
    pi_26271820
    Opspliten in de losse attributen wil nog wel eens helpen

    1
    2
    3
    4
    5
    body { 
       font-family: "Trebuchet MS", Arial, sans-serif;
       font-size: 18pt;
       font-style: normal;
    }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      dinsdag 19 april 2005 @ 20:12:11 #56
    74523 BaggerUser
    ModderFokker!
    pi_26356867
    heb een probleem
    als content_left meer content krijgt wordt in firefox alleen content_left langer maar content_splitter niet. (en daardoor content_right ook niet)

    FireFox



    in explorer gebeurd dit wel
    alleen werkt inherit voor content_right niet ..
    explorer


    index.html
    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="stylesheet.css" type="text/css" rel="stylesheet" />
    </head>

    <body>
    <center>
      <div id="main">
        <div id="header">
        </div>
        <div id="balk">
        </div>
        <div id="content_splitter">
          <div id="content_left">
         L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br>L<br></div>
        <div id="content_right">
       </div>
       </div>
      </div>
    </center>
    </body>
    </html>


    stylesheet.css
    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
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    /* CSS Document */
    body 
    {
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
      margin-top: 0px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      background-color: #000000;
    }

    #balk
    {
      width: 768px;
      height: 20px;
      display: block;
      background-color: #868686;
    }

    #content_splitter {
      width: 768px;
      min-height: 230px;
      background-color: #C9C9C9;
      display: block; 
    }
    * html #content_splitter {
      height: 230px;
    }

    #content_left {
      width: 506px;
      min-height: 130px;
      background-color: #FFC9C9;
      display: block;
      float: left;
    }

    * html #content_left {
      height: 130px;
    }

    #content_right {
      width: 222px;
      min-height: inherit;
      background-color: #FFC9C9;
      display: block;
      float: right;
    }

    * html #content_right {
      height: inherit;
    }

    #main {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      margin:0 auto;
      display: block;
      top: 20px;
      width: 768px;
      min-height: 150px;
      text-align: left;
      border-style:solid;
      border-bottom-color:#FFFFFF;
      border-left-color:#FFFFFF;
      border-right-color:#FFFFFF;
      border-top-color:#FFFFFF;
      border-width:1px;   
      background-color: #FFFFFF;
      float: center;
    }
    * html #main {
      height: 230px;
    }

    #header
    {
      width: 768px;
      height: 178px;
      display: block;
      background-image: url(images/header.gif);
      background-color: #FFD110;
    }
    De enige echte BaggerUser!
    Riemen
    fiets kopen
    pi_26358062
    quote:
    Op dinsdag 19 april 2005 20:12 schreef BaggerUser het volgende:
    heb een probleem
    als content_left meer content krijgt wordt in firefox alleen content_left langer maar content_splitter niet. (en daardoor content_right ook niet)

    FireFox
    [[url=http://img151.echo.cx/img151/8296/werktniet14mf.th.jpg]afbeelding][/URL]


    in explorer gebeurd dit wel
    alleen werkt inherit voor content_right niet ..
    explorer
    [[url=http://img151.echo.cx/img151/862/werktniet27fd.th.jpg]afbeelding][/URL]

    index.html
    [ code verwijderd ]

    stylesheet.css
    [ code verwijderd ]
    Schijnt erg moeilijk te zijn om dit met CSS te realiseren
    Ik kreeg het in ieder geval ook niet voor elkaar met mijn pagina.
      dinsdag 19 april 2005 @ 21:20:31 #58
    74523 BaggerUser
    ModderFokker!
    pi_26358432
    quote:
    Op dinsdag 19 april 2005 21:05 schreef MouseInteractive het volgende:

    [..]

    Schijnt erg moeilijk te zijn om dit met CSS te realiseren
    Ik kreeg het in ieder geval ook niet voor elkaar met mijn pagina.
    hoe heb je het opgelost ?
    De enige echte BaggerUser!
    Riemen
    fiets kopen
    pi_26359036
    Je kan 't oplossen mer een background image. Zie AListApart.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26573161
    Beste mensen, ik heb een probleempje met mn css, ik heb een iframe en de tekst daarvan heb ik een style gegeven maar nu valt mn tekst over de scrollbalk en dat is dus net niet de bedoeling....
    quote:
    <div>
    <iframe scrolling="yes" src="tekst.htm" width="700" height="349" frameborder="0">
    </iframe>
    </div>

    dit staat dus in mn index2.htm

    <link href="file:///I|/thinkquest/Thinkquest/css/thinkquest.css" rel="stylesheet" type="text/css">
    </head>

    <body class="inhoud" "style="margin: 0; padding: 0" width="700" height="349">
    Portretfotografie.

    dit is wat in mn iframe src staat, tekst.htm
    Iemand misschien een idee hoe ik dit op kan lossen?
    pi_26575346
    En wij mogen raden wat er in thinkquest.css staat?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26580942
    quote:
    Op donderdag 28 april 2005 17:48 schreef SuperRembo het volgende:
    En wij mogen raden wat er in thinkquest.css staat?
    quote:
    .bannerbg {
    background-image: url(../afbeeldingen/banner.gif);
    background-repeat: no-repeat;
    position: relative;
    background-color: #000000;
    border: none;
    }
    .inhoud {
    background-image: url(../afbeeldingen/inhoud.gif);
    background-repeat: no-repeat;
    position: relative;
    left: auto;
    top: auto;
    width: 700px;
    height: 350px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    border: none;
    background-attachment: fixed;
    background-position: 0px 0px;
    text-align: left;
    text-indent: 3pt;

    }
    .menu_bg {
    background-color: #000000;
    }
    .inspring {
    text-indent: 3pt;
    }
    sry
    pi_26583394
    Kan je de boel niet even online zetten? Ik zie rode tekst in het screenshot, maar enkel een color: #fff in je stylesheet. Volgens mij hou je iets achter
    No Dukes of Hazzard in the classroom
    pi_26584266
    ja man, het is een samenzwering , ik had de tekst rood gemaakt omdat het anders niet zo duidelijk was ik kijk morgen wel of ik de site online gooi
    pi_26590381
    OK, kleine update: Ik heb de tekst voor elkaar. Ik heb in het bronbestand van mn iframe een tabel gezet die 670 px breed is ipv 700 en de tekst blijft nu netjes. Nu heb ik echter wel een horizontale scrollbalk die nutteloos is maar wel in beeld blijft
    ik heb trouwens een .zip online gezet voor de diehards: http://members.lycos.nl/whitestripe/Thinkquest.zip
    pi_26593504
    Kolere wat een bende frames.
    Waarom al die frames? Wat is er mis met een layout met een paar divjes voor header, menu en content? Dat is zooo veel eenvoudiger.

    Het zal wel een IE-bug zijn dat de tekst over de scollbars loopt.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26659025
    quote:
    Op vrijdag 29 april 2005 12:00 schreef SuperRembo het volgende:
    Het zal wel een IE-bug zijn dat de tekst over de scollbars loopt.
    Ik denk eerder een FF-probleem. Firefox & scrollbars in frames/div's met overflow werken niet fatsoenlijk.
      maandag 2 mei 2005 @ 12:39:29 #68
    3677 SuperRembo
    Sinds 1998
    pi_26663658
    quote:
    Op maandag 2 mei 2005 09:40 schreef sop het volgende:

    [..]

    Ik denk eerder een FF-probleem. Firefox & scrollbars in frames/div's met overflow werken niet fatsoenlijk.
    In IE loopt de tekst over de scrollbars heen, in FF niet. Dan noem ik het een IE-bug.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_26665878
    quote:
    Op maandag 2 mei 2005 12:39 schreef SuperRembo het volgende:

    [..]

    In IE loopt de tekst over de scrollbars heen, in FF niet. Dan noem ik het een IE-bug.
    Ik krijg met de code die de TS heeft aangeleverd nergens problemen. Niet bij IE en niet bij FF.

    Net ff dat zipje bekeken. Die CSS die daarin staat lusten de honden geen brood van

    de code van tekst.htm zou moeten zijn:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <link href="../css/thinkquest.css" rel="stylesheet" type="text/css">
    </head>

    <body class="inhoud">
    ....hier de body content....
    </body>
    </html>

    en de CSS:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    .inhoud {
       background-image: url(../afbeeldingen/inhoud.gif);
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-position: 0px 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 16px;
       font-weight: normal;
       color: #FFFFFF;
       border: none;
       text-align: left;
       text-indent: 3pt;   
            margin:0;
            padding:0;
    }

    Ik heb alle floats en breedte bepalingen weggehaald. Nu ook geen hor. scrollbar meer in FF. Die lelijke fixed table om de content heb ik ook weggehaald.

    [ Bericht 37% gewijzigd door sop op 02-05-2005 14:01:27 ]
      maandag 2 mei 2005 @ 19:31:27 #70
    3677 SuperRembo
    Sinds 1998
    pi_26673818
    Testkeesje: http://www.superrembo.com/css/IframeOverflow/.
    Bij mij scollt de tekst voor de scrollbars langs met IE (IE6, Win2k).
    Valid HTML en CSS.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      maandag 2 mei 2005 @ 20:16:51 #71
    32768 DionysuZ
    Respect my authority!
    pi_26675434
    met scrolling="auto" ipv scrolling="yes" werkt het wel
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      maandag 2 mei 2005 @ 20:32:57 #72
    3677 SuperRembo
    Sinds 1998
    pi_26676037
    position: relative weghalen werkt ook, en/of width en height weg halen.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      dinsdag 3 mei 2005 @ 21:21:11 #73
    3677 SuperRembo
    Sinds 1998
    pi_26708737
    Weet iemand hoe je een pagina 100% hoogte geeft MET een border?

    Ik heb hier een uitgekleed voorbeeld staan.
    Als er veel content is (meer dan de hoogte van het window), dan ziet het er goed uit.
    Maar als er weinig content is (klik op content voor demo), dan heb je zo'n irritante scrollbar
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      dinsdag 3 mei 2005 @ 23:43:00 #74
    32768 DionysuZ
    Respect my authority!
    pi_26713897
    ik heb het idee dat het aan de margins ligt. 100% hoogte en dan nog eens de margins erbij zorgt voor een scrollbartje
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
    pi_26718283
    quote:
    Op dinsdag 3 mei 2005 23:43 schreef DionysuZ het volgende:
    ik heb het idee dat het aan de margins ligt. 100% hoogte en dan nog eens de margins erbij zorgt voor een scrollbartje
    Ja dat klopt. Maar hoe los ik dat op?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      woensdag 4 mei 2005 @ 13:55:21 #76
    32768 DionysuZ
    Respect my authority!
    pi_26725605
    je #wrap <div> al geprobeerd in een andere div te zetten met 100% hoogte die geen margins heeft? Dus zeg maar n div met hoogte 100% zonder borders, met daarin je div MET borders met hoogte 100% en een bepaalde margin. Body uiteraard margin:0; geven dan.
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      maandag 9 mei 2005 @ 22:04:51 #77
    74523 BaggerUser
    ModderFokker!
    pi_26866838
    ik heb 2 divs:

    <div id="div1"></div>
    <div id="div2"></div>

    nu moet div2 onder de border van div 1 zitten
    ik heb relatief gepositioneerd en top: -1;

    maar omdat div2 later dan div1 komt wordt div2 over div1 heengezet
    hoe kan ik zorgen dat div1 boven div2 zit ?..
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      maandag 9 mei 2005 @ 22:44:24 #78
    11753 Roonaan
    Strictly
    pi_26868135
    style="z-index:nummertje"
      maandag 9 mei 2005 @ 23:22:43 #79
    74523 BaggerUser
    ModderFokker!
    pi_26869458
    http://img52.echo.cx/img52/8740/gek5gg.jpg

    ik word geeeeeeek

    de linker lukt me wel.. maar die rechter totaal niet...
    100% neemt ie 100% van het scherm.. niet 100 procent van het overige etc
    maar 100%-150 werkt ook niet in ie was het me gelukt... firefox niet

    hoe is dit voor melkaar te krijgen ik wordt gek
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      maandag 9 mei 2005 @ 23:40:19 #80
    74523 BaggerUser
    ModderFokker!
    pi_26870021
    ik geef het op

    stylesheet.css

    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
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    html {
        height: 100%;
    }

    body {
       font-family: Arial, Helvetica, sans-serif;
        text-align: left;
       background-color:#F9F9F9;
       margin-top: 0px;
       margin-left: 0px;
       margin-right: 0px;
        margin-bottom: 0px;
        height: 100%;
    }

    #content {
       width: 100%;
       background-color:#F9F9F9;
    }

    #content_bottom {
       position: relative;
       top: 5px;
       height: 30px;
       background-color:#FFFFFF;
       
       border-top-width: 1px;
       border-right-width: 0px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: none;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #FABD23;
       border-right-color: #FABD23;
       border-bottom-color: #FABD23;
       border-left-color: #FABD23;
    }

    #content_center {
       height: auto;
       background-color:#FFFFFF;
       
       border-top-width: 1px;
       border-right-width: 0px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: none;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #999999;
       border-right-color: #999999;
       border-bottom-color: #999999;
       border-left-color: #999999;
    }

    #content_top {
       background-color:#F9F9F9;
    }

    .font_navigatie {
     font-size:11px;
    }

    #main_left {
       width: 150px;
       background-color:#F9F9F9;
       float: left;
    }

    #main_right {
       width:auto;
       background-color:#F9F9F9;
       float: right;
    }

    #menu_top {
       width: 100%;
        height: 100px;
       background-color:#F9F9F9;
    }

    #menu_center {
       width: 100%;
        height: auto;
       background-color:#FFFFFF;

       border-top-width: 1px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
       border-top-style: solid;
       border-right-style: solid;
       border-bottom-style: solid;
       border-left-style: solid;
       border-top-color: #999999;
       border-right-color: #999999;
       border-bottom-color: #999999;
       border-left-color: #999999;
    }

    #menu_navigatie_head {
       position:relative;
       left:5px;
    }

    #top {
       width: 95%;
       background-color:#F9F9F9;
        text-align: right;
    }

    #wrapper {
       width: 100%;
    }


    index
    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       <title>-</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link href="stylesheet.css" type="text/css" rel="stylesheet" />
    </head>

    <body>

    <div id="top">login</div>
    <div id="wrapper">
      <div id="main_left">
        <div id="menu_top"></div>
       <div id="menu_navigatie_head"><font class="font_navigatie">navigatie</font></div>
        <div id="menu_center">A</div>   
      </div>
      <div id="main_right">
        <div id="content">
         <div id="content_top">
             <div class="menu_top_selected">selected</div>
         </div>
         <div id="content_center">kkk</div>
           <div id="content_bottom">kkk</div>
       </div>
      </div>
    </div>

    </body>
    </html>
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      maandag 9 mei 2005 @ 23:43:47 #81
    3677 SuperRembo
    Sinds 1998
    pi_26870131
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      maandag 9 mei 2005 @ 23:53:36 #82
    74523 BaggerUser
    ModderFokker!
    pi_26870402
    quote:
    Op maandag 9 mei 2005 23:43 schreef SuperRembo het volgende:
    CSS Layout Generator
    ja dat werkt ook niet voor mijn probleem
    en ik ben zo dichtbij maar dat laatste stukje lukt niet in ie is het goed in firefox nog niet...
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      dinsdag 10 mei 2005 @ 11:33:33 #83
    74523 BaggerUser
    ModderFokker!
    pi_26877929
    kickje
    De enige echte BaggerUser!
    Riemen
    fiets kopen
    pi_26879948
    Hieraan heb je genoeg om #main_left en #main_right naast elkaar te krijgen. Ik weet niet wat je verder nog wil.

    1
    2
    3
    4
    5
    6
    7
    #main_left {
       float: left;
       width: 150px;
    }
    #main_right {
       margin-left: 150px;/* groter of gelijk aan #main_left:width */
    }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      dinsdag 10 mei 2005 @ 15:23:19 #85
    74523 BaggerUser
    ModderFokker!
    pi_26884573
    ja nee zo wil ik het
    alleen nu klop thet in interne texplorer nog niet, want de content zit onder de navigatie (vergelijk het maar eens met hoe het er uitziet in FF ) en hij gaat als het menu langer wordt nog verder omlaag
    in firefox is het nu wel goed
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      dinsdag 10 mei 2005 @ 16:36:31 #86
    74523 BaggerUser
    ModderFokker!
    pi_26886527
    en dat is dus op te lossen door float: right; aan #main_right toe te voegen maar dan wekrt het in firefox niet meer ...dilemma
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      dinsdag 10 mei 2005 @ 19:21:08 #87
    74523 BaggerUser
    ModderFokker!
    pi_26890997
    opgelost soort van

    * html #main_right {
    float: right;
    margin-left: 3px;/* groter of gelijk aan #main_left:width */
    }
    De enige echte BaggerUser!
    Riemen
    fiets kopen
      donderdag 12 mei 2005 @ 13:26:13 #88
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_26942699
    ik heb dus een lap tekst maar ik wil dat die regels niet te dicht op elkaar staan... hoe zorg ik ervoor dat er een kleine ruimte tussen die regels komt... een hele <br> is iets te veel...
      donderdag 12 mei 2005 @ 15:40:49 #89
    32768 DionysuZ
    Respect my authority!
    pi_26947218
    pleur in je css line-height, daar kun je de hoogte van de regels mee bepalen. Voorbeeldje:
    1
    2
    3
    body {
      line-height: 1.6em;
    }
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
    pi_27024988
    http://dev.treinenplace.nl. Iemand een idee wat er fout aan is als je van resoutie veranderd of browser inkrimpt dat alles overelkaar overlapt?
    Iemand een idee?
      zondag 15 mei 2005 @ 14:08:20 #91
    11753 Roonaan
    Strictly
    pi_27025026
    je hebt position absolute gebruikt neem ik aan?
      zondag 15 mei 2005 @ 20:01:55 #93
    3677 SuperRembo
    Sinds 1998
    pi_27033749
    Als je absoluut positioneert in combinatie met relatieve breedtes en hoogtes, dan krijg je dat.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      zondag 15 mei 2005 @ 23:20:49 #94
    26400 wijsneus
    Radicaal Democraat
    pi_27040104
    Het centreren van de site:

    Zorg dat je in standards mode bent door een doctype declaratie.

    body
    {
    /*IE 5 en 5.5 vertellen dat de box in het midden moet*/
    text-align:center;
    }

    #contatiner
    {
    /*Voor IE6 FF opera en al het andere*/
    margin-left: auto;
    margin-right: auto;
    /*Helaas hebben we ook nog een text-align geerft van <body>*/
    text-align:left;
    width: 670px;
    }

    Werkt altijd - overal
    Siamo Tutti Antifascisti!
      woensdag 18 mei 2005 @ 18:24:18 #95
    32768 DionysuZ
    Respect my authority!
    pi_27123681
    ok mensen, deze vraag zal wel al meerdere keren langs zijn gekomen, maar goed. Tijdje op google gezocht maar niet gevonden wat ik nodig heb.

    Ik ben nu een site aan het maken en die is zeg maar gecentreerd met breedte 780. Nu wil ik hem ook verticaal centreren met hoogte 520, hoe krijg ik dat voor elkaar met divjes?
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      woensdag 18 mei 2005 @ 20:22:28 #96
    46794 Berkery
    Fat bastard
    pi_27127775
    No Dukes of Hazzard in the classroom
      donderdag 19 mei 2005 @ 00:26:26 #97
    32768 DionysuZ
    Respect my authority!
    pi_27136723
    ja ja, heel mooi, het werkt ook nog. Alleen krijg ik nu een probleem als het venster kleiner wordt dan de grootte van mijn div.

    Mijn div is 520 hoog, dus een margin-top van -260px. Als ik het venster nu kleiner maak dan de DIV hoog is, krijg ik wel scrollbalken, maar slechts om mee naar beneden te scrollen. Het midden van de DIV blijft altijd in beeld, de bodem van de div kan ik naartoe scrollen, maar de top van de div valt weg.

    Kan ik dit op een of andere manier oplossen?
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      donderdag 19 mei 2005 @ 00:47:39 #98
    32768 DionysuZ
    Respect my authority!
    pi_27137135
    laat maar heb al n hack gevonden. Een div eromheen met als min-height de hoogte van de gecentreerde div.

    edit:
    nee dus. Het werkt nu niet goed in Internet Explorer en _height gebruiken werkt ook niet goed. Grrrrr.. in firefox werkt het perfect nu.

    [ Bericht 44% gewijzigd door DionysuZ op 19-05-2005 01:01:05 ]
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      donderdag 19 mei 2005 @ 02:02:08 #99
    81253 curry684
    Windowshippie
    pi_27137919
    Kan niet portable.
      donderdag 19 mei 2005 @ 17:29:52 #100
    32768 DionysuZ
    Respect my authority!
    pi_27157165
    er is dus geen enkele css mogelijkheid om een DIV een hoogte van 100% te geven met een minimale hoogte van x pixels?
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
    pi_27157591
    quote:
    Op donderdag 19 mei 2005 17:29 schreef DionysuZ het volgende:
    er is dus geen enkele css mogelijkheid om een DIV een hoogte van 100% te geven met een minimale hoogte van x pixels?
    en dat alles ook nog verticaal gecentreerd?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    abonnement Unibet Coolblue Bitvavo
    Forum Opties
    Forumhop:
    Hop naar:
    (afkorting, bv 'KLB')