[CSS] voor dummies - deel 9 | Digital Corner (DIG/DEV)

donderdag 19 juni 2008 @ 14:44:54 #101

Geqxon

Op het moment heb ik wat semantiek problemen. Op een pagina heb ik een aantal openstaande berichten (zoals een PM-systeem), waarbij de afzender, enkele gegevens en de content wordt getoond.

Zoals ik het nu heb:

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

<ul class="messages">
   <li>

      
      <fieldset>
         <legend><a href="new.php?prepare&user=Pepijn">Pepijn</a></legend>

         
         <dl>
            <dt>Aan:</dt>
            <dd><a href="new.php?prepare&user=Bep">Bep</a></dd>

            <dt>Verzonden:</dt>
            <dd>19-06-08 14:17</dd>
         </dl>

         
         <p>Telefoon voor bep!</p>

         
         <ul>
            <li><a href="inbox.php?setread&id=10">Markeer als afgehandeld</a></li>
         </ul>

      </fieldset>
   </li>
</ul>

Mijn problemen met deze manier van werken:

De enkele fieldset binnen de list-item lijkt mij onnodig, klopt dit?

Is een fieldset niet enkel voor formulieren?

Is een definition list uberhaupt wel slim voor het bevatten van dit soort data?

Binnen de content van de pagina is het duidelijk wie de ontvanger van het bericht is, maar ik weet er geen goede plek voor te vinden in de HTML zelf.

Zal de legend binnen de fieldset voor een screenreader duidelijk genoeg zijn dat dit de afzender van het bericht is? Doormiddel van CSS opmaak is het iig wel duidelijk.

Kan iemand hier wat licht op schijnen? :)

vrijdag 20 juni 2008 @ 18:04:20 #102

LordNemephis

computer says no

een dikke vette TeeVeePee!

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

vrijdag 20 juni 2008 @ 22:12:30 #103

Light

quote:
Op donderdag 19 juni 2008 14:44 schreef Geqxon het volgende:
Op het moment heb ik wat semantiek problemen. Op een pagina heb ik een aantal openstaande berichten (zoals een PM-systeem), waarbij de afzender, enkele gegevens en de content wordt getoond.

Zoals ik het nu heb:
[ code verwijderd ]

Mijn problemen met deze manier van werken:
De enkele fieldset binnen de list-item lijkt mij onnodig, klopt dit?
Is een fieldset niet enkel voor formulieren?

Twee keer ja

quote:
Is een definition list uberhaupt wel slim voor het bevatten van dit soort data?

Ik zou daar gewoon een div of een span voor gebruiken.

quote:
Binnen de content van de pagina is het duidelijk wie de ontvanger van het bericht is, maar ik weet er geen goede plek voor te vinden in de HTML zelf.

In de buurt van de verzender, zou ik zeggen.

quote:
Zal de legend binnen de fieldset voor een screenreader duidelijk genoeg zijn dat dit de afzender van het bericht is? Doormiddel van CSS opmaak is het iig wel duidelijk.

Die fieldset hoort daar niet, dus die legend ook niet. Als dat de verzender is dan kun je dat gewoon als zodanig weergeven.

quote:
Kan iemand hier wat licht op schijnen?

Is het toeval (als in voor demo) dat er maar 1 bericht wordt gegeven in <ul class="messages"> ? Of laat je wel meer berichten zien (als die er zijn uiteraard)?

fokstok.nl

zaterdag 21 juni 2008 @ 01:23:50 #104

HenkBenzinetank

Toegevoegde waarde

Misschien een beetje kort door de bocht, maar bij twijfel moet je je pagina eens zonder CSS bekijken. Als de structuur dan nog te volgen is, dan zit je qua semantiek vaak ook al goed in de richting.

dinsdag 24 juni 2008 @ 15:02:54 #105

wobbel

Da WoBBeL King

In hoeverre is dit mogelijk?

Ik wil 1 grote div, met daarin een kleiner divje met tekstomloop....

Dit idee dus:

Hosted VoIP SIP trunks Vast mobiel VoIP

dinsdag 24 juni 2008 @ 20:27:33 #106

Ruud

ik ben bezig met een website, maar kom er niet uit

ik heb 2 divjes naast elkaar, de een is het linker menu en de ander is de content
bij de ene pagina is het linker divje langer, maar als ik een andere pagina open is de content weer langer (afhankelijk van de inhoud)

is het mogelijk om beide divjes even lang (height) te houden?

dinsdag 24 juni 2008 @ 20:59:00 #107

Dzy

It is I

Ruud_fr, dat is zonder foefjes niet mogelijk cross-browser, maar waarschijnlijk ben je op zoek naar "Faux columns". Zoek daar eens op

"Reality is an illusion created by a lack of alcohol."

dinsdag 24 juni 2008 @ 20:59:46 #108

Dzy

It is I

En wobbel, dit is natuurlijk heel makkelijk te krijgen door gewoon een DIV container te maken met daarin die twee divs waarvan er een float.

"Reality is an illusion created by a lack of alcohol."

dinsdag 24 juni 2008 @ 21:14:02 #109

Ruud

quote:
Op dinsdag 24 juni 2008 20:59 schreef Dzy het volgende:
Ruud_fr, dat is zonder foefjes niet mogelijk cross-browser, maar waarschijnlijk ben je op zoek naar "Faux columns". Zoek daar eens op

nee, dat is helaas niet wat ik zoek
ik wil background images meegeven aan de header, left, content en footer

dus niet aan de container

dinsdag 24 juni 2008 @ 21:51:33 #110

Dzy

It is I

Maak eens een paint? En vertel er even bij wat allemaal kan stretchen enzo. Dan kan ik je wel vertellen of dit mogelijk is

"Reality is an illusion created by a lack of alcohol."

dinsdag 24 juni 2008 @ 22:12:26 #111

Ruud

ok, zo moet het worden:

'left' en 'content' kunnen verschillen van grootte (height), maar moeten dus even lang worden/blijven

dinsdag 24 juni 2008 @ 22:30:23 #112

Dzy

It is I

Ik zou toch nog een keer naar Faux Columns kijken

Maak om Left en Content een DIV container heen, deze zal dus altijd even lang zijn als de langste van die twee divs. Als je nu deze container een backgroundimage meegeeft die een y-repeat heeft (maakt niet zoveel uit hoeveel pixels hoog hij is) dan lijkt het net alsof de beide divs een aparte background hebben, al is dit er in principe eentje. Lees je nog even goed in in de materie want dit is serieus de enige manier om zo'n ontwerp te realiseren.

"Reality is an illusion created by a lack of alcohol."

woensdag 25 juni 2008 @ 00:03:45 #113

LordNemephis

computer says no

quote:
Op dinsdag 24 juni 2008 22:30 schreef Dzy het volgende:
Ik zou toch nog een keer naar Faux Columns kijken Maak om Left en Content een DIV container heen, deze zal dus altijd even lang zijn als de langste van die twee divs. Als je nu deze container een backgroundimage meegeeft die een y-repeat heeft (maakt niet zoveel uit hoeveel pixels hoog hij is) dan lijkt het net alsof de beide divs een aparte background hebben, al is dit er in principe eentje. Lees je nog even goed in in de materie want dit is serieus de enige manier om zo'n ontwerp te realiseren.

Dit is wel de meest makkelijke manier voor dit doel

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

woensdag 25 juni 2008 @ 03:14:58 #114

DorentuZ

quote:
Op dinsdag 24 juni 2008 22:30 schreef Dzy het volgende:
Ik zou toch nog een keer naar Faux Columns kijken Maak om Left en Content een DIV container heen, deze zal dus altijd even lang zijn als de langste van die twee divs. Als je nu deze container een backgroundimage meegeeft die een y-repeat heeft (maakt niet zoveel uit hoeveel pixels hoog hij is) dan lijkt het net alsof de beide divs een aparte background hebben, al is dit er in principe eentje. Lees je nog even goed in in de materie want dit is serieus de enige manier om zo'n ontwerp te realiseren.

Die laatste regel kan je beter weglaten

woensdag 25 juni 2008 @ 10:55:04 #115

Ruud

quote:
Op dinsdag 24 juni 2008 22:30 schreef Dzy het volgende:
Ik zou toch nog een keer naar Faux Columns kijken Maak om Left en Content een DIV container heen, deze zal dus altijd even lang zijn als de langste van die twee divs. Als je nu deze container een backgroundimage meegeeft die een y-repeat heeft (maakt niet zoveel uit hoeveel pixels hoog hij is) dan lijkt het net alsof de beide divs een aparte background hebben, al is dit er in principe eentje. Lees je nog even goed in in de materie want dit is serieus de enige manier om zo'n ontwerp te realiseren.

jouw uitleg is een stuk duidelijker dan de site die ik gevonden had, het is gelukt

ik heb nu 3 containers:

container 1: header
container 2: left (menu) en content
container 3: footer

thanks voor de hulp

woensdag 25 juni 2008 @ 11:01:06 #116

Dzy

It is I

Ok Dorentuz, de beste en makkelijkste manier dan

En mooi ruud dat het gelukt is.

"Reality is an illusion created by a lack of alcohol."

woensdag 25 juni 2008 @ 19:10:13 #117

Mirel

Mirel wil een bongophone.

Hoi, ik heb een stukje tekst die ik in het midden van de pagina wil. Ik dacht dus <center> en </center> voor en achter het divje te zetten zodat de tekst in het midden komt, maar elke regel tekst is dan gecentered, en dat wil ik niet.

Heb ook geprobeerd text-align: left in de .css te zetten, maar dan komt de tekst gewoon helemaal links op de pagina. De <center> code doet dus niks.

Denk dat de foto wel duidelijk is

Ik wil dus dat de tekst links uitlijnt, maar wel in het midden zit.

When all else fails, you always have delusion.

woensdag 25 juni 2008 @ 19:18:36 #118

spaceninjapirate

mhh k

Dit moet volgens mij werken:

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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
html {
    background-color:#000000
}
div#tekst {
   margin:0px auto 0px;
   width:400px;
}
div#tekst p{
    color:#FFFFFF;
}
</style>
</head>
<body>
<div id="tekst">
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ligula ligula, rhoncus sed, consectetuer ut, mattis sit amet, enim. Vivamus laoreet placerat felis. Aenean iaculis tristique lacus. Pellentesque diam metus, tempus et, dapibus vitae, faucibus in, eros. Sed eu arcu quis urna mattis dapibus. Cras vitae metus id libero blandit consequat. Cras viverra, dolor eget pulvinar ultricies, orci lacus malesuada neque, sit amet luctus arcu eros sed dui. Morbi eros nisi, consequat ac, condimentum nec, posuere eget, nulla. Quisque bibendum venenatis sapien. Nam sem est, vulputate in, suscipit ut, tincidunt non, massa. Vestibulum sagittis enim eget mauris. Morbi consectetuer, ipsum auctor consectetuer venenatis, arcu diam iaculis metus, eu lobortis est mauris bibendum felis. Nulla ultrices, dui vitae feugiat adipiscing, tortor libero ultricies ipsum, non convallis tortor est id pede. Quisque sollicitudin. Suspendisse accumsan nulla sit amet risus.</p>
  <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec vehicula. Nam ullamcorper, erat a congue imperdiet, turpis diam tincidunt lectus, et tempor nulla risus a dui. Morbi non nunc. Praesent ultricies nibh sed arcu. Sed dictum, quam vel tempor viverra, nunc dolor viverra nisl, quis pharetra leo ipsum in neque. Donec eget velit. Ut vulputate faucibus enim. In hac habitasse platea dictumst. Donec posuere semper urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Mauris hendrerit adipiscing nisi.</p>
</div>
</body>
</html>

[ Bericht 0% gewijzigd door spaceninjapirate op 25-06-2008 19:19:28 (typfoutje) ]

woensdag 25 juni 2008 @ 19:18:42 #119

Light

quote:
Op woensdag 25 juni 2008 19:10 schreef Mirel het volgende:
Hoi, ik heb een stukje tekst die ik in het midden van de pagina wil. Ik dacht dus <center> en </center> voor en achter het divje te zetten zodat de tekst in het midden komt, maar elke regel tekst is dan gecentered, en dat wil ik niet.

Heb ook geprobeerd text-align: left in de .css te zetten, maar dan komt de tekst gewoon helemaal links op de pagina. De <center> code doet dus niks.

[ afbeelding ]
Denk dat de foto wel duidelijk is :) Ik wil dus dat de tekst links uitlijnt, maar wel in het midden zit.

Even aangenomen dat die div met teks als id centertext heeft:

1
2
3
4

#centertext {
width: 50%; /* Of iets anders, maar je moet een breedte instellen */
margin: 0 auto; /* Links en rechts auto -> Links en rechts gelijk -> Div staat gecentreerd */
}

fokstok.nl

FOK!-Schrikkelbaas dinsdag 1 juli 2008 @ 12:51:46 #120

Swetsenegger

Egocentrische Narcist

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<tr id="ipRow">
<td class="lc">spatie</td>
<td class="rc">

<table border="0" cellspacing="0" cellpadding="2">
    <tr>
   <td>IP</td>
   <td nowrap="nowrap"><input type="text" class="num" name="ip1" value="@ip1#" size=3 maxlength=3>.<input type="text" class="num" name="ip2" value="@ip2#" size=3 maxlength=3>.<input type="text" class="num" name="ip3" value="@ip3#" size=3 maxlength=3>.<input type="text" class="num" name="ip4" value="@ip4#" size=3 maxlength=3>
   </td>
  </tr>
  <tr>
   <td>mask</td>
   <td><input type="text" name="mask1" class="num" value="@mask1#" size=3 maxlength=3>.<input type="text" name="mask2" class="num" value="@mask2#" size=3 maxlength=3>.<input type="text" class="num" name="mask3" value="@mask3#" size=3 maxlength=3>.<input type="text" class="num" name="mask4" value="@mask4#" size=3 maxlength=3>
   </td>
  </tr>
  <tr>
   <td>gateway</td>
   <td><input type="text" class="num" name="gw1" value="@gw1#" size=3 maxlength=3>.<input type="text" class="num" name="gw2" value="@gw2#" size=3 maxlength=3 onFocus="if(this.disabled)this.blur()">.<input type="text" class="num" name="gw3" value="@gw3#" size=3 maxlength=3>.<input type="text" class="num" name="gw4" value="@gw4#" size=3 maxlength=3>
   </td>
  </tr>
</table>

</td>
</tr>

De 'ipRow' toggle ik display:none; en display:block dmv een onclick.

In IE krijg ik keurig dit te zien als de row visible is

1
2
3
4
5
6
7

---------------------------------------------------------------------
| cel 1                     |                                       |
---------------------------------------------------------------------
| spatie                    | IP      [].[].[].[]                   |
|                           | Mask    [].[].[].[]                   |
|                           | Gateway [].[].[].[]                   |
---------------------------------------------------------------------

In elke andere browser dit

1
2
3
4
5
6
7

---------------------------------------------------------------------
| cel 1                       |                                     |
---------------------------------------------------------------------
| spatie | IP      [].[].[].[]|
|        | Mask    [].[].[].[]|
|        | Gateway [].[].[].[]|
---------------------------------------------------------------------

Kortom, de geneste table wordt tov de parenttable in de linker cel gepropt. Terwijl die toch echt afgesloten is.
Wat doe ik fout?

-edit- ter verduidelijking: http://test.xploise.nl/test.html
In IE is het gedrag zoals ik verwacht (en wat ik nodig heb) in elke andere browser niet.

-edit- En het antwoord

http://snook.ca/archives/html_and_css/dynamically_sho/

[ Bericht 6% gewijzigd door Swetsenegger op 01-07-2008 14:11:40 ]

 | FOK! Schrikkelbaasch

dinsdag 1 juli 2008 @ 19:41:45 #121

BugWorks

Ik ben bezig met het maken van een website. De betreffende site gaat stukken tekst bevatten waardoor de scrollbar gebruikt wordt. Nu is het me opgevallen dat in IE7 de website mooi gecentraliseerd blijft staan maar in FF3 een klein beetje naar links springt (jammer genoeg).

Weet iemand hoe ik dit kan voorkomen? Alvast bedankt

.

dinsdag 1 juli 2008 @ 20:14:26 #122

DorentuZ

quote:
Op dinsdag 1 juli 2008 19:41 schreef BugWorks het volgende:
Ik ben bezig met het maken van een website. De betreffende site gaat stukken tekst bevatten waardoor de scrollbar gebruikt wordt. Nu is het me opgevallen dat in IE7 de website mooi gecentraliseerd blijft staan maar in FF3 een klein beetje naar links springt (jammer genoeg).

Weet iemand hoe ik dit kan voorkomen? Alvast bedankt .

Dat komt omdat ie altijd de scrollbalk laat zien, en firefox alleen als die nodig is.. Je zou dus overflow:scroll aan je html of body kunnen hangen (weet zo niet welke van de 2), zodat firefox zich gedraagt als IE..

dinsdag 1 juli 2008 @ 20:15:35 #123

Light

quote:
Op dinsdag 1 juli 2008 19:41 schreef BugWorks het volgende:
Ik ben bezig met het maken van een website. De betreffende site gaat stukken tekst bevatten waardoor de scrollbar gebruikt wordt. Nu is het me opgevallen dat in IE7 de website mooi gecentraliseerd blijft staan maar in FF3 een klein beetje naar links springt (jammer genoeg).

Weet iemand hoe ik dit kan voorkomen? Alvast bedankt .

Firefox laat geen scrollbalk zien als je die niet gebruikt, IE wel.
Oplossing: de volgende regel toevoegen bij of html of body:
overflow-y: scroll;

Kijk dan even in IE om te zien of je geen dubbele scrollbalk krijgt. Dat zou namelijk niet handig zijn.

fokstok.nl

dinsdag 1 juli 2008 @ 20:28:08 #124

BugWorks

Dank jullie.

donderdag 3 juli 2008 @ 18:58:49 #125

DionysuZ

Respect my authority!

Ik heb een vraagje, niet gericht op CSS, maar kan wellicht toch hier terecht omdat ik geen apart topic ervoor wil openen.

Weet iemand of ik de FIELDSET tag ook legaal kan gebruiken buiten een form, bijvoorbeeld om een menu heen (zoals fieldset met legend = main menu, sub menu, dat soort)?

□ 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 3 juli 2008 @ 19:56:52 #126

Light

quote:
Op donderdag 3 juli 2008 18:58 schreef DionysuZ het volgende:
Ik heb een vraagje, niet gericht op CSS, maar kan wellicht toch hier terecht omdat ik geen apart topic ervoor wil openen.

Weet iemand of ik de FIELDSET tag ook legaal kan gebruiken buiten een form, bijvoorbeeld om een menu heen (zoals fieldset met legend = main menu, sub menu, dat soort)?

Het mag wel van de W3 validator. Maar ik zou het niet doen, naar mijn idee hoort een fieldset in een form.

fokstok.nl

FOK!Fotograaf / Beeldredactie zondag 6 juli 2008 @ 12:08:46 #127

Ynske

Bedankt voor de zon...

Echt ik voel me zo dom als de achterkant van de klerenkast hier.

Heb zitten klooien en heb 1 pagina klaar van mijn site waarin foto's getoond worden. (let niet op de baggerheid van de foto's das allemaal test)
Nu is deze pagina zonder CSS opgebouwd.
Het probleem wat ik nog ondervind in de pagina is dat in IE de bladerpijltjes van de foto's goed staan maar in FF voor geen mogelijkheid goed te krijgen is.

Er word nu aangeraden om als nog met een CSS te beginnen, maar ik zie door de bomen het bos niet meer. Helpt een CSS er echt aan om die verdomde pijltjes in beide browsers goed te krijgen?

wie o wie wil mij verlossen

de test pagina staat hier
http://www.throughmylens.nl/test5.php

Today is life -
the only life you are sure of. Make the most of today.
Dale Carnegie

zondag 6 juli 2008 @ 14:11:56 #128

SuperRembo

Sinds 1998

Eigenlijk is een pagina als dat niet zo ingewikkeld... alleen is de code in dit geval zo'n aaneenschakeling van fouten en onhandige constructies dat 't een wonder is dat het in IE en Fx nog een beetje op elkaar lijkt.

De enige echte oplossing is opnieuw beginnen. En hou het dan simpel.

Redactie Sport maandag 7 juli 2008 @ 20:40:07 #129

dennistd

FOK!sport *O*

Ik heb een div bovenin staan als banner, en vervolgens wil ik links een div gebruiken als menu
hoe zorg ik ervoor dat die div links de resterende lengte van de pagina opvult?
met een height:100%; wordt het 100% plus de 100px van de div bovenin

edit:
heb het inmiddels opgelost door de linkerdiv geen height:100% te geven, maar bottom:0px

[ Bericht 17% gewijzigd door dennistd op 07-07-2008 22:18:34 ]

PM mij!
Disclaimer: Mijn posts worden geschreven als user, en niet als crew, tenzij dit duidelijk wordt aangegeven

dinsdag 8 juli 2008 @ 22:30:58 #130

MadGuy

Fever Ray

Even een stomme vraag tussendoor, omdat het mij niet helemaal duidelijk is.

Kun je <img> nu ook afsluiten met /> net zoals <br /> of moet dat altijd > zijn? En hoe zit dat met metatags?

last.fm
marksluymers.nl

dinsdag 8 juli 2008 @ 22:55:18 #131

Geqxon

quote:
Op dinsdag 8 juli 2008 22:30 schreef MadGuy het volgende:
Even een stomme vraag tussendoor, omdat het mij niet helemaal duidelijk is.

Kun je <img> nu ook afsluiten met /> net zoals <br /> of moet dat altijd > zijn? En hoe zit dat met metatags?

Bij XHTML sluit je een tag altijd af. Bij een dubbele tag krijg je dus <b> en </b>, bij een enkele tag krijg je resultaten als <img .... /> en <br />.

Bij HTML mag je simpelweg <img ...> en <br> doen.

woensdag 9 juli 2008 @ 10:42:52 #132

MadGuy

Fever Ray

Dank voor je antwoord. Dat is dan duidelijk!

Ik raakte een beetje in de war omdat Firefox die /> tags achter img, meta en link een rood kleurtje geeft.

[ Bericht 42% gewijzigd door MadGuy op 09-07-2008 11:33:54 ]

last.fm
marksluymers.nl

woensdag 9 juli 2008 @ 22:12:13 #133

wonderer

Hung like a My Little Pony

Hoe zorg je ervoor dat de parent-div dezelfde hoogte krijgt als de inhoud? En waarom gaat dat niet automatisch?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

#container {
position:absolute;
background-repeat:no-repeat;
width:792px;
margin-left:-400px;
margin-top:100px;
left:50%;
background-color:#FFCCFF;
}

.page_content {
position:absolute;
width:613px;
left:100px;
top:144px;
overflow:auto;
background-color:transparent;
}
<div id="container">
<div class="page_content">
veeeeel tekst
</div>
</div>

De tekst loopt uit de container, waarvan ik de achtergrondkleur nodig heb. Waarom gebeurt dit en hoe fix it het?

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 22:25:42 #134

DionysuZ

Respect my authority!

position:absolute; doet dit.

□ 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 9 juli 2008 @ 22:46:56 #135

wonderer

Hung like a My Little Pony

Maar met relative werkt het ook niet. Wat moet ik dan?

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 22:54:04 #136

HuHu

Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.

woensdag 9 juli 2008 @ 23:03:54 #137

wonderer

Hung like a My Little Pony

quote:
Op woensdag 9 juli 2008 22:54 schreef HuHu het volgende:
Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.

height:100% maakt de hoogte van container zo hoog als het scherm (plus die 100px positioning), height:auto; doet helemaal niks.

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 23:14:11 #138

Light

quote:
Op woensdag 9 juli 2008 22:54 schreef HuHu het volgende:
Doe eens in die container iets van height:100% of height:auto ofzo, en gooi bij page_content die overflow en background-color eens weg.

Een background-color: transparent; doet vrij weinig. Bij een snelle test had ik meteen resultaat toen ik "position: absolute;" weghaalde bij .page_content.

fokstok.nl

woensdag 9 juli 2008 @ 23:19:57 #139

Light

quote:
Op woensdag 9 juli 2008 22:46 schreef wonderer het volgende:
Maar met relative werkt het ook niet. Wat moet ik dan?

Waarom gebruik je eigenlijk "position: absolute;" ? Er zijn meer opties om dingen te positioneren, en met absolute haal je dingen uit de normale flow en wordt het voor de browsers veel lastiger om er goed mee te werken. Normaal gesproken staan elementen met "position: absolute;" onder in de pagina (qua html source, niet noodzakelijk qua layout).

fokstok.nl

woensdag 9 juli 2008 @ 23:27:55 #140

wonderer

Hung like a My Little Pony

quote:
Op woensdag 9 juli 2008 23:19 schreef Light het volgende:

[..]

Waarom gebruik je eigenlijk "position: absolute;" ? Er zijn meer opties om dingen te positioneren, en met absolute haal je dingen uit de normale flow en wordt het voor de browsers veel lastiger om er goed mee te werken. Normaal gesproken staan elementen met "position: absolute;" onder in de pagina (qua html source, niet noodzakelijk qua layout).

Omdat ik niet beter weet? Ik sta open voor suggesties, hoor

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 23:33:09 #141

wonderer

Hung like a My Little Pony

"top" en "left in .page_content heb ik veranderd in margin-top en margin-left en position weggehaald en nu werkt het... alleen in FF

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 23:45:55 #142

Light

quote:
Op woensdag 9 juli 2008 23:27 schreef wonderer het volgende:

[..]

Omdat ik niet beter weet? Ik sta open voor suggesties, hoor ;)

Een suggestie dan, met wat css commentaar om wat dingen te verduidelijken.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

html, body {
/* De meeste browsers hanteren hier niet standaard 0, waardoor je pagina nooit strak tegen de rand kan komen */
margin: 0;
padding: 0;
}
#container {
width:792px;
/* De volgende twee regels zorgen voor horizontaal centreren */
margin-left:auto;
margin-right:auto;
margin-top:100px;
background-color:#FFCCFF;
}
.page_content {
width:613px;
/* Ik neem aan dat deze div gecentreerd moet worden in de vorige */
margin-left:90px;
/* Eventueel kun je met margin-top een ruimte vanaf de bovenkant instellen */
}

Het horizontaal centreren gaat niet altijd goed in IE6. Dat kun je eenvoudig oplossen:

1
2
3
4
5
6

html, body {
text-align: center;
}
#container {
text-align: left;
}

In IE6 ('k weet niet zeker of het ook opgaat voor IE7) wordt text-align niet alleen op tekst maar ook op andere elementen toegepast. Maar de eigenschap heet niet everything-align ;)

Als de container tegen de bovenrand moet komen is het nog makkelijker (niet voor IE6):

1
2
3

#container {
margin: 0 auto;
}

Die shorthandnotatie is ook mogelijk in het eerdere voorbeeld, maar daar voegt'ie weinig aan duidelijkheid toe dus specificeer ik liever gewoon de randen afzonderlijk, voor zover nodig.

fokstok.nl

woensdag 9 juli 2008 @ 23:46:45 #143

Light

quote:
Op woensdag 9 juli 2008 23:33 schreef wonderer het volgende:
"top" en "left in .page_content heb ik veranderd in margin-top en margin-left en position weggehaald en nu werkt het... alleen in FF

Ik heb hier helaas geen IE bij de hand om mee te testen

fokstok.nl

woensdag 9 juli 2008 @ 23:54:55 #144

wonderer

Hung like a My Little Pony

quote:
Op woensdag 9 juli 2008 23:46 schreef Light het volgende:

[..]

Ik heb hier helaas geen IE bij de hand om mee te testen

Het lijkt erop dat IE6 margin-top negeert

Ik heb nu een padding in de container met dezelfde afstand, maar nu doen mijn muisovers (css, daar heb ik al een hack voor gebruikt voor IE6. Ik haat IE6

) het niet meer...

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

woensdag 9 juli 2008 @ 23:59:32 #145

Light

quote:
Op woensdag 9 juli 2008 23:54 schreef wonderer het volgende:

[..]

Het lijkt erop dat IE6 margin-top negeert Ik heb nu een padding in de container met dezelfde afstand, maar nu doen mijn muisovers (css, daar heb ik al een hack voor gebruikt voor IE6. Ik haat IE6 ) het niet meer...

IE6 is een ramp. Gelukkig komt IE7 steeds meer op, en die gedraagt zich een stuk beter.

fokstok.nl

donderdag 10 juli 2008 @ 00:01:40 #146

wonderer

Hung like a My Little Pony

Ik weet het. Ik zal het echter toch crossbrowser moeten maken tot IE6 van de aardkloot is verdwenen

Nou ja, ik puzzel nog even verder, anders verzin ik wel iets anders. In ieder geval bedankt voor de hulp

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

maandag 11 augustus 2008 @ 22:05:25 #147

donroyco

dus niet Donroyco

Op mijn site wil ik sIFR in de headers gaan gebruiken. Ik heb al deze stappen doorlopen, maar hij werkt nog steeds niet. Iemand misschien een idee waar het aan kan liggen?

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

maandag 11 augustus 2008 @ 22:36:54 #148

Light

Ik heb recentelijk ook sIFR gebruikt op een site en ik kreeg sIFR 2.0 niet werkend. Maar ik zag wel een sIFR 3.0 beta, en die werkt wel (maar bij mij niet goed in IE6).

fokstok.nl

maandag 11 augustus 2008 @ 22:42:06 #149

donroyco

dus niet Donroyco

quote:
Op maandag 11 augustus 2008 22:36 schreef Light het volgende:
Ik heb recentelijk ook sIFR gebruikt op een site en ik kreeg sIFR 2.0 niet werkend. Maar ik zag wel een sIFR 3.0 beta, en die werkt wel (maar bij mij niet goed in IE6).

Dat dan maar eens morgen proberen, thanks!

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

dinsdag 12 augustus 2008 @ 13:36:11 #150

HenkBenzinetank

Toegevoegde waarde

Wat sIFR betreft, het kan ook aan je lettertype liggen. Met name sommige OTF letters trekt ie niet zo goed

dinsdag 12 augustus 2008 @ 13:38:00 #151

donroyco

dus niet Donroyco

quote:
Op dinsdag 12 augustus 2008 13:36 schreef HenkBenzinetank het volgende:
Wat sIFR betreft, het kan ook aan je lettertype liggen. Met name sommige OTF letters trekt ie niet zo goed

Dat ga ik dan ook nog eens proberen

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

maandag 18 augustus 2008 @ 22:53:09 #152

Light

Een probleempje waar ik laatst mee zat en wat ik niet opgelost kreeg met css. Misschien heeft iemand hier nog een idee hoe het met css netjes moet kunnen?

Eerst het probleem:

1
2
3

dd-mm-jjjj > lange tekst die niet op
een regel past
dd-mm-jjjj > korte tekst op 1 regel

Waar het > staat moet een plaatje komen. Dat kan normaal heel goed met een list-style-image, maar dan zit ik in de knoop met de datum die daarvoor staat. Bij een andere variant waar die datum er niet is, wordt alles uiteraard als list weergegeven. En semantisch gezien is dit ook een lijst, dus wilde ik het ook zo weergeven. Maar door de vreemde plaatsing van de datum is me dat niet gelukt.

Heeft iemand een idee hoe ik dit had kunnen oplossen met een list, en wel zo dat als de titel na de > te lang wordt, deze gaat inspringen zodat alles netjes onder elkaar blijft staan?

fokstok.nl

dinsdag 19 augustus 2008 @ 09:17:45 #153

Tuvai.net

quote:
Op maandag 18 augustus 2008 22:53 schreef Light het volgende:
Een probleempje waar ik laatst mee zat en wat ik niet opgelost kreeg met css. Misschien heeft iemand hier nog een idee hoe het met css netjes moet kunnen?

Eerst het probleem:
[ code verwijderd ]

Waar het > staat moet een plaatje komen. Dat kan normaal heel goed met een list-style-image, maar dan zit ik in de knoop met de datum die daarvoor staat. Bij een andere variant waar die datum er niet is, wordt alles uiteraard als list weergegeven. En semantisch gezien is dit ook een lijst, dus wilde ik het ook zo weergeven. Maar door de vreemde plaatsing van de datum is me dat niet gelukt.

Heeft iemand een idee hoe ik dit had kunnen oplossen met een list, en wel zo dat als de titel na de > te lang wordt, deze gaat inspringen zodat alles netjes onder elkaar blijft staan?

Zorgen dat je datum altijd in hetzelfde formaat is (dus altijd dd-mm-yyyy en niet één keer d-mm-yy en de andere keer dd-m-yyyy) en deze een vaste breedte laten hanteren (monospace lettertype gebruiken?), vervolgens het plaatje als background-image, en de te 'wrappen' tekst in een span.

dinsdag 19 augustus 2008 @ 09:37:42 #154

CraZaay

prettig gestoord

Of de datum in een span (of misschien is de datum zo belangrijk dat het een kop moet zijn?) en die een negatieve margin-left geven. Rest dan positioneren met padding-left en de afbeelding als achtergrondafbeelding. Dan maakt de breedte van de datum ook niet meer uit.

zondag 24 augustus 2008 @ 18:19:11 #155

Rotzooi

Herr Rotzooi voor u..

tvp

And the number is 61.000.000, who has number 61.000.000? BINGO!

maandag 25 augustus 2008 @ 14:00:33 #156

LeeHarveyOswald

hmm ik ben weer eens met mn menu-vanuit-een-database aan het stoeien, maar ik kom dr niet uit (klote css

).

Het menu heb ik qua opzet hiervandaan geplukt: http://tutorials.alsacreations.com/deroulant/

(grootste verschil is dat ik de opbouw als moeder/dochter structuur in een database heb staan en met 2 loopjes dit er uit pluk - dat werkt).

Enige wat mij niet lukt is het centreren ... op http://pestforum.nl/users/test.php draai ik een testje, op http://pestforum.nl/users/white.css staat't CSS - de boosdoener. left = 50% zet het linkerpunt van het menu mooi gecentreerd - maar ik wil dus het hele menu centreren.

Mocht iemand weten hoe - dan hoor ik het heel graag

- Ik kan wel handmatig centreren, maar dat is niet echt een oplossing bij een dynamisch menu

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 16:49:09 #157

LeeHarveyOswald

Help

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 17:18:53 #158

HenkBenzinetank

Toegevoegde waarde

Komt ie dan he:

1
2
3
4
5
6
7
8

#menu {
height: 20px /* hoogte van de knoppen */'
width: 700px; /* breedte van het menu, nodig om te centreren */
margin: 0 auto; /* zet linker en rechter marges op automatisch, dus het menu in het midden */
top: 75px;
z-index: 100px;
line-height: /* finishing touch, centreer tekst verticaal */
}

persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.

maandag 25 augustus 2008 @ 19:57:56 #159

Light

quote:
Op maandag 25 augustus 2008 14:00 schreef LeeHarveyOswald het volgende:
hmm ik ben weer eens met mn menu-vanuit-een-database aan het stoeien, maar ik kom dr niet uit (klote css ).

Het menu heb ik qua opzet hiervandaan geplukt: http://tutorials.alsacreations.com/deroulant/

(grootste verschil is dat ik de opbouw als moeder/dochter structuur in een database heb staan en met 2 loopjes dit er uit pluk - dat werkt).

Enige wat mij niet lukt is het centreren ... op http://pestforum.nl/users/test.php draai ik een testje, op http://pestforum.nl/users/white.css staat't CSS - de boosdoener. left = 50% zet het linkerpunt van het menu mooi gecentreerd - maar ik wil dus het hele menu centreren.

Mocht iemand weten hoe - dan hoor ik het heel graag - Ik kan wel handmatig centreren, maar dat is niet echt een oplossing bij een dynamisch menu

Om iets te centreren moet je het een breedte geven (en dan een kleinere breedte dan het element waar het in staat). Als je body 1000px breed is en je menu ook dan valt er niet veel te centreren

En als je body 1000px breed is en je menu 500px dan kun je wel centreren. Probleem met een dynamisch menu is dat je niet weet hoeveel items er in zitten, dus hoe breed het menu moet worden. Dat kun je wel weer oplossen met een stukje javascript. Een idee is dan om in je template ( / html) een variabele te setten die aangeeft hoeveel menu-items er zijn. De rest regel je dan met een stukje javascript in een ander bestand.

fokstok.nl

maandag 25 augustus 2008 @ 19:59:04 #160

Light

quote:
Op maandag 25 augustus 2008 17:18 schreef HenkBenzinetank het volgende:
Komt ie dan he:
[ code verwijderd ]

persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.

Eens. Ik vind de Son of Suckerfish-implementatie altijd wel handig. En lekker overzichtelijk klein

fokstok.nl

maandag 25 augustus 2008 @ 20:06:10 #161

HenkBenzinetank

Toegevoegde waarde

quote:
Op maandag 25 augustus 2008 19:57 schreef Light het volgende:

[..]

Om iets te centreren moet je het een breedte geven (en dan een kleinere breedte dan het element waar het in staat). Als je body 1000px breed is en je menu ook dan valt er niet veel te centreren En als je body 1000px breed is en je menu 500px dan kun je wel centreren. Probleem met een dynamisch menu is dat je niet weet hoeveel items er in zitten, dus hoe breed het menu moet worden. Dat kun je wel weer oplossen met een stukje javascript. Een idee is dan om in je template ( / html) een variabele te setten die aangeeft hoeveel menu-items er zijn. De rest regel je dan met een stukje javascript in een ander bestand.

min-width zou dan kunnen werken

maandag 25 augustus 2008 @ 20:09:57 #162

CraZaay

prettig gestoord

quote:
Op maandag 25 augustus 2008 20:06 schreef HenkBenzinetank het volgende:

min-width zou dan kunnen werken

Maar niet erg IE6 compatible helaas.

maandag 25 augustus 2008 @ 20:19:52 #163

HenkBenzinetank

Toegevoegde waarde

Daar zijn oplossingen voor

maandag 25 augustus 2008 @ 20:30:21 #164

CraZaay

prettig gestoord

quote:
Op maandag 25 augustus 2008 20:19 schreef HenkBenzinetank het volgende:
Daar zijn oplossingen voor

Geef die er dan meteen bij zou ik zeggen, anders is het een redelijk loze suggestie imo

maandag 25 augustus 2008 @ 20:33:15 #165

HenkBenzinetank

Toegevoegde waarde

1
2
3
4
5
6
7
8
9

body {
  width: 100%;
  height: 100%;
  min-width:800px; /* This takes care of all the 'decent' browsers */
  margin: 0px;
  padding: 0px;  /*optional*/
  /* Optionally set text-align: center; and increase the padding if you wish to have the page centered with margins... */
}

of

1 2	min-width: 600px; width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");

u vraagt, google draait

maandag 25 augustus 2008 @ 20:38:08 #166

LeeHarveyOswald

quote:
Op maandag 25 augustus 2008 17:18 schreef HenkBenzinetank het volgende:
Komt ie dan he:
[ code verwijderd ]

persoonlijk vind ik het een beetje een zuur menu. Als je muis eraf hovert, blijft ie open staan.

1
2
3
4
5
6
7
8

#menu {
position: absolute;
width: 700px; /* breedte van het menu, nodig om te centreren */
margin: 0 auto; /* zet linker en rechter marges op automatisch, dus het menu in het midden */
top: 75px;
z-index: 100px;
line-height: /* finishing touch, centreer tekst verticaal */
}

Dit zou ook moeten werken als het menu breder is?

Dit is de variatie die ik daarop gebruikt heb (Zonder Pos. absolute; verplaatst de tekst als ik over het menu scroll). Nu lijnt hij hem volledig links uit (anders wel gecentreerd).

En de vaste knophoogte heb ik dr uitgesloopt, dit omdat een knop ook 2 regels kan bevatten. .

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 20:38:57 #167

LeeHarveyOswald

quote:
Op maandag 25 augustus 2008 20:33 schreef HenkBenzinetank het volgende:

[ code verwijderd ]

of
[ code verwijderd ]

u vraagt, google draait

Dus dit is meer wat ik nodig heb?

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 21:36:05 #168

CraZaay

prettig gestoord

CSS expressions zijn niet echt lekker overigens, heeft een sterke (negatieve) invloed op rendering van je pagina in een browser.

maandag 25 augustus 2008 @ 22:09:38 #169

Light

quote:
Op maandag 25 augustus 2008 20:09 schreef CraZaay het volgende:

[..]

Maar niet erg IE6 compatible helaas.

IE6 moet dan ook dood.

fokstok.nl

maandag 25 augustus 2008 @ 22:12:21 #170

CraZaay

prettig gestoord

quote:
Op maandag 25 augustus 2008 22:09 schreef Light het volgende:

IE6 moet dan ook dood.

Eensch. Maar maak dat die 30+% van alle internetgebruikers ook maar wijs

maandag 25 augustus 2008 @ 22:18:25 #171

Light

quote:
Op maandag 25 augustus 2008 22:12 schreef CraZaay het volgende:

[..]

Eensch. Maar maak dat die 30+% van alle internetgebruikers ook maar wijs

Gewoon Windows Update gebruiken. Is dat ding toch ergens goed voor

fokstok.nl

maandag 25 augustus 2008 @ 22:39:15 #172

LeeHarveyOswald

quote:
Op maandag 25 augustus 2008 22:18 schreef Light het volgende:

[..]

Gewoon Windows Update gebruiken. Is dat ding toch ergens goed voor

Sinds wanneer haalt die Firefox binnen?

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 22:46:56 #173

Light

quote:
Op maandag 25 augustus 2008 22:39 schreef LeeHarveyOswald het volgende:

[..]

Sinds wanneer haalt die Firefox binnen?

Hmm.... goed punt.. Maar 'k maak liever iets voor IE7 dan voor IE6. IE7 werkt al 100x beter.

(En voor de rest van de browserwars kunnen we vast beter een ander topic opzoeken.)

fokstok.nl

maandag 25 augustus 2008 @ 22:56:06 #174

HenkBenzinetank

Toegevoegde waarde

Punt is alleen dat uitgerekend je klanten op hun kantoortjes vaak allemaal een verrotte windows xp installatie met IE6 hebben..

maandag 25 augustus 2008 @ 23:02:44 #175

CraZaay

prettig gestoord

quote:
Op maandag 25 augustus 2008 22:56 schreef HenkBenzinetank het volgende:
Punt is alleen dat uitgerekend je klanten op hun kantoortjes vaak allemaal een verrotte windows xp installatie met IE6 hebben..

Yip. En je kan nog zo vurig willen dat mensen upgraden naar IE7, feit blijft dat 3 op alle 10 bezoekers IE6 gebruiken. Da's best veel

maandag 25 augustus 2008 @ 23:11:57 #176

LeeHarveyOswald

quote:
Op maandag 25 augustus 2008 23:02 schreef CraZaay het volgende:

[..]

Yip. En je kan nog zo vurig willen dat mensen upgraden naar IE7, feit blijft dat 3 op alle 10 bezoekers IE6 gebruiken. Da's best veel

Zo'n 29% van de IE gebruikers van 2 van mijn sites (boeroendoek.nl en pestforum.nl) gebruiken op dit moment nog IE6. Dat is dus minder dan 1/3e van de IE gebruikers. 70% van de bezoekers is een IE bezoeker, dus pakweg 1/5e van de bezoekers is IE6 (en dat op ca. 5000 bezoekers/maand, redelijk representatief dus).

0,2% van de IE gebruikers gebruikt een versie ouder dan 6.0

La derecha oprime, la izquierda libera

maandag 25 augustus 2008 @ 23:32:23 #177

CraZaay

prettig gestoord

Het ligt ook aan de doelgroep natuurlijk; de grotere publiekssites die ik ontwikkel hebben al gauw 90+% (!!) IE bezoekers. Nadeel van sites voor het grote publiek is dat ze vaak op scholen en kantoren gebruikt worden (en tussen 9.00 en 17.00 komt daar het merendeel van het bezoek vandaan), en daar hebben ze weer relatief veel IE6.

We zullen ermee moeten leven

dinsdag 26 augustus 2008 @ 08:41:11 #178

Tuvai.net

quote:
Op maandag 25 augustus 2008 23:32 schreef CraZaay het volgende:
Het ligt ook aan de doelgroep natuurlijk; de grotere publiekssites die ik ontwikkel hebben al gauw 90+% (!!) IE bezoekers. Nadeel van sites voor het grote publiek is dat ze vaak op scholen en kantoren gebruikt worden (en tussen 9.00 en 17.00 komt daar het merendeel van het bezoek vandaan), en daar hebben ze weer relatief veel IE6.

We zullen ermee moeten leven

Verschilt bij mij ook heel veel. Als ik de Boekenbox (uit m'n sig) of mijn blog neem dan zit ik gemiddeld op 57% Mozilla (waarvan 40% Firefox ouder dan versie 3.x), 15% IE7, 21% IE6 en de rest Safari/Opera/etc.

Bij de gemiddelde applicatie van m'n werk zit ik makkelijk boven de 80% aan IE gebruikers, waarvan het grootste percentage jammer genoeg nog steeds op IE6. Wel merk ik dat steeds meer mensen, zowel bij mijn thuisprojectjes als bij mijn grotere projecten op het werk, steeds meer interesse hebben in andere browsers en veel klanten ook al aangeven dat hun website/applicatie 'wel op alle browsers moet werken'.

Goede ontwikkeling vind ik zelf, dan vallen al die prutsers die nog steeds enkel voor browser X devven al buiten de boot.

dinsdag 26 augustus 2008 @ 11:36:06 #179

HenkBenzinetank

Toegevoegde waarde

Op mijn site (veel bezocht door creatieven) is het aandeel IE6 marginaal, Safari en Opera scoren (net als FF natuurlijk) veel hoger. Er is daarom vrijwel geen tijd gestoken in het IE6 compatibel maken

dinsdag 26 augustus 2008 @ 11:54:39 #180

CraZaay

prettig gestoord

quote:
Op dinsdag 26 augustus 2008 11:36 schreef HenkBenzinetank het volgende:
Op mijn site (veel bezocht door creatieven) is het aandeel IE6 marginaal, Safari en Opera scoren (net als FF natuurlijk) veel hoger. Er is daarom vrijwel geen tijd gestoken in het IE6 compatibel maken

Lucky you

dinsdag 26 augustus 2008 @ 12:07:53 #181

HenkBenzinetank

Toegevoegde waarde

Het is slecht, ik weet het.. Maar tering, upgrade gewoon eens dan (ja ik bevind me in een luxepositie dat ik me dat kan verlangen)!

dinsdag 26 augustus 2008 @ 15:49:45 #182

LeeHarveyOswald

quote:
Op maandag 25 augustus 2008 23:32 schreef CraZaay het volgende:
Het ligt ook aan de doelgroep natuurlijk; de grotere publiekssites die ik ontwikkel hebben al gauw 90+% (!!) IE bezoekers. Nadeel van sites voor het grote publiek is dat ze vaak op scholen en kantoren gebruikt worden (en tussen 9.00 en 17.00 komt daar het merendeel van het bezoek vandaan), en daar hebben ze weer relatief veel IE6.

We zullen ermee moeten leven

Zelfde gaat op voor pestforum.nl. Meeste hits komen van kennisnet, onder schooltijd. Ook daar valt het kwartje dus.

Boeroendoek.nl is wat algemener (maar wel veel minder bezoekers).

La derecha oprime, la izquierda libera

dinsdag 26 augustus 2008 @ 15:51:14 #183

LeeHarveyOswald

quote:
Op dinsdag 26 augustus 2008 08:41 schreef Tuvai.net het volgende:

[..]

Verschilt bij mij ook heel veel. Als ik de Boekenbox (uit m'n sig) of mijn blog neem dan zit ik gemiddeld op 57% Mozilla (waarvan 40% Firefox ouder dan versie 3.x), 15% IE7, 21% IE6 en de rest Safari/Opera/etc.

Bij de gemiddelde applicatie van m'n werk zit ik makkelijk boven de 80% aan IE gebruikers, waarvan het grootste percentage jammer genoeg nog steeds op IE6. Wel merk ik dat steeds meer mensen, zowel bij mijn thuisprojectjes als bij mijn grotere projecten op het werk, steeds meer interesse hebben in andere browsers en veel klanten ook al aangeven dat hun website/applicatie 'wel op alle browsers moet werken'. Goede ontwikkeling vind ik zelf, dan vallen al die prutsers die nog steeds enkel voor browser X devven al buiten de boot.

Ik zie de variatie in besturingssystemen ook langzaam aan toenemen

Lichte stijging Linux, forse stijging MacOs ...

Zelfs af en toe wat bezoekers van af een console

La derecha oprime, la izquierda libera

dinsdag 26 augustus 2008 @ 16:32:57 #184

CraZaay

prettig gestoord

Ik zie ook steeds meer iPhone als device in de statistieken staan

donderdag 28 augustus 2008 @ 11:57:29 #185

Ruud

is er een mogelijkheid om een background in een textarea fixed te maken? het lukt mij niet...

donderdag 28 augustus 2008 @ 14:43:21 #186

Ruud

ik bedoel dus eigenlijk dat de achtergrond in het tekstvak blijft staan als het vak groter (scrollbaar) wordt d.m.v. typen

donderdag 28 augustus 2008 @ 23:42:39 #187

Banzaiaap

Tony Rocky Horror

quote:
Op donderdag 28 augustus 2008 14:43 schreef ruud_fr het volgende:
ik bedoel dus eigenlijk dat de achtergrond in het tekstvak blijft staan als het vak groter (scrollbaar) wordt d.m.v. typen

Euh?

.tekstvak{background: url(plaatjeurl.jpg) no-repeat top center;}

Ofzoiets?

vrijdag 29 augustus 2008 @ 00:02:53 #188

Ruud

vrijdag 29 augustus 2008 @ 07:11:20 #189

Light

quote:
Op donderdag 28 augustus 2008 11:57 schreef ruud_fr het volgende:
is er een mogelijkheid om een background in een textarea fixed te maken? het lukt mij niet...

1
2
3

textarea {
background-position: bottom left;
}

fokstok.nl

vrijdag 29 augustus 2008 @ 08:07:26 #190

CraZaay

prettig gestoord

Met "position" scrollt de afbeelding nog steeds mee uiteraard. Het kan niet door simpelweg de textarea te stylen; "background-attachment: fixed" werkt niet in IE6. Als je het ook in IE6 wilt laten werken kom je uit bij een element met de gewenste achtergrondafbeelding en daarbinnen de textarea met "background: transparent".

vrijdag 29 augustus 2008 @ 08:17:24 #191

Light

In Firefox is het voldoende om de textarea een hoogte en breedte te geven, en dan natuurlijk een achtergrond. Als de content langer wordt, krijg je een scrollbalk voor de content maar niet voor de textarea zelf. De achtergrond blijft dus mooi op z'n plaats.

In IE(6 en 7) scrollt de achtergrond mee omhoog met de tekst. Met een position: bottom zorg je dat de achtergrond altijd onderaan blijft staan, ook als er meer tekst wordt ingevoerd. Ook hier geldt weer dat je wel een hoogte en breedte op moet geven. Het nadeel is dat als iemand met de cursortoetsen weer omhoog gaat scrollen, de achtergrond naar beneden gaat.

fokstok.nl

vrijdag 29 augustus 2008 @ 09:01:00 #192

CraZaay

prettig gestoord

quote:
Op vrijdag 29 augustus 2008 08:17 schreef Light het volgende:
Het nadeel is dat als iemand met de cursortoetsen weer omhoog gaat scrollen, de achtergrond naar beneden gaat.

Lijkt mij nogal een show stopper

vrijdag 29 augustus 2008 @ 10:12:19 #193

Ruud

bedankt voor de reacties, ik zal vanavond of in het weekend even kijken

vrijdag 29 augustus 2008 @ 12:35:32 #194

HenkBenzinetank

Toegevoegde waarde

quote:
Op vrijdag 29 augustus 2008 08:07 schreef CraZaay het volgende:
Met "position" scrollt de afbeelding nog steeds mee uiteraard. Het kan niet door simpelweg de textarea te stylen; "background-attachment: fixed" werkt niet in IE6. Als je het ook in IE6 wilt laten werken kom je uit bij een element met de gewenste achtergrondafbeelding en daarbinnen de textarea met "background: transparent".

prima oplossing dus

donderdag 4 september 2008 @ 13:52:01 #195

Chandler

Ik heb een vraag.

Een site wil ik opdelen in het volgende

HEADER
LI-MID-RE
FOOTER

Nu heb ik de header, content en footer voor elkaar, echter wil het niet lukken om het middelste gedeelte goed te krijgen.

Wat wil ik met het middelste gedeelte!?

Links & Rechts zijn vast qua maat
MID is variabel en moet meerekken met de breedte van het scherm.

Echter moet de content (mid) kunnen doorlopen... en dat lukt mij niet.

Zie: http://www.bruggema.nl/3/ en voor de stijlsheet: http://www.bruggema.nl/3/stijl.css

Ik heb gezocht via google naar fixed 3 columns maar helaas, niets dat mij kon helpen

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 4 september 2008 @ 14:07:49 #196

mcDavid

een div "float:left" én "clear:both" geven, gaat blijkbaar niet zo goed.

Dat je middelste div niet meeloopt komt doordat er geen enkel object instaat wat in de natuurlijke float zit. Normaal gesproken kun je dit oplossen door een lege div met "clear:both" maar dat gaat dus niet omdat je met deze opzet ook alle divs een float meegeeft (en die div dus alsnog uit de natuurlijke float haalt)

donderdag 4 september 2008 @ 14:12:19 #197

mcDavid

Overigens zitten er nogal wat fouten in je opzet. Sowieso is je hele code erg onoverzichtelijk (de helft van de CSS staat verwoven in je HTML, de andere helft in eentwéé externe sheets

Maar voor bijv. div .middle geef je een "top: 10px" op, terwijl die div geen position heeft.

Volgens mij heb je geen idee wat je aant doen bent en heb je het grootste deel van de code van andere sites of uit tutorials gecopiëerd of niet?

donderdag 4 september 2008 @ 14:40:00 #198

CraZaay

prettig gestoord

quote:
Op donderdag 4 september 2008 13:52 schreef Chandler het volgende:

Wat wil ik met het middelste gedeelte!?

Links & Rechts zijn vast qua maat
MID is variabel en moet meerekken met de breedte van het scherm.

Echter moet de content (mid) kunnen doorlopen... en dat lukt mij niet.

The holy grail

http://www.alistapart.com/articles/holygrail

donderdag 4 september 2008 @ 14:45:53 #199

Chandler

mcDavid; de ene stijlsheet is gemaakt door de slicer, de andere door mij, de stijles die je in de HTML ziet zijn tijdelijk, om alleen maar de opzet aan te geven, niets meer niets minder. Er zijn idd delen van de stijl.css gekopieerd van andere plekjes op het internet, juist omdat ik er zelf niet uitkwam!..

Maar heb je een oplossing? want anders ben ik bang dat ik weer voor tabellen moet gaan kiezen...

The people who lost my respect will never get a capital letter for their name again.
Like trump...

donderdag 4 september 2008 @ 14:46:39 #200

CraZaay

prettig gestoord

quote:
Op donderdag 4 september 2008 14:45 schreef Chandler het volgende:

want anders ben ik bang dat ik weer voor tabellen moet gaan kiezen...

Lutser

Maar check mijn link...

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

[CSS] voor dummies - deel 9

» digital corner

» development

» digital corner

» development