Tekst website onleesbaar in IE 6
31 mei 2007 - 10:44   
geplaatst door: Macsel
Ik ben een nieuwe website aan het ontwikkelen. In Safari als FireFox ziet de site er inmiddels goed uit. Als ik op windows in IE 6 een aantal pagina's bezoek dan is de tekst op sommige pagina's niet leesbaar. Wanneer ik dubbelklik in het venster dan komt de tekst tevoorschijn. Of ook als ik de teskt selecteer en deselecteer, dan komt de tekst ook tevoorschijn, zoals het zou moeten. Heeft iemand ervaring met dit verschijnsel?? Wat kan ik hieraan doen??

Ik heb de site door de W3C-school validator gehaald, die vond niets (alles goed).

THX voor de support.

-edit-
In het CSS bestand zet ik de 'color' voor de tekst meestal alleen in 'body', maar heb hem nu in de betreffende 'content' div gezet en in de 'p'. Helpt blijbaar ook niet...
-edit2-
het gaat om deze site: winia

(Bewerkt door Macsel om 18:12, 31-05-2007)

Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 11:32    reactie #1
geplaatst door: denn88
Ik heb hier even op Windows met IE6, IE7, Opera 9 en Firefox 2 gekeken ... maar ik zie geen tekst die er even niet is of later ineens verschijnt. Specificeer anders even een URL van de pagina waar dit gebeurt.
Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
Tekst website onleesbaar in IE 6
31 mei 2007 - 11:35    reactie #2
geplaatst door: Macsel
Bij mij is het de startpagina (home) en bijvoorbeeld de default pagina's van 'Scheidingswanden' en 'Doorgangsdeuren'.

(Bewerkt door Macsel om 11:54, 31-05-2007)

Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 11:55    reactie #3
geplaatst door: denn88
Nee ik zie de 'bug' niet. Pagina's zien er qua layout goed uit geen gekke dingen in Win IE6.
Atlantisdesign.nl - webDesign en de Mac. Bezig met webdesign / webdevelopment? Je eigen Mac als lokale webserver?
iPhone 4, 16 GB (black) | MacBook Pro 15", 2.44Ghz Intel Core 2 Duo,  4GB Ram | Airport Extreme | MacMini Intel Core 2 Duo, 4GB Ram | PowerMac G4 MMD Dual 1Ghz.
Tekst website onleesbaar in IE 6
31 mei 2007 - 11:59    reactie #4
geplaatst door: Macsel
Bedankt voor het checken, misschien iemand anders?
Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 13:06    reactie #5
geplaatst door: Robert
[news]Hier in IE6 ook alles net zoals in Safari (alleen natuurlijk de waardeloze tekstrendering van IE6 :wink:), dus kennelijk een lokaal probleem. Misschien de cache van jouw IE6 legen?[/news]
Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Tekst website onleesbaar in IE 6
31 mei 2007 - 13:10    reactie #6
geplaatst door: iTom
Nee hoor,

De voorpagina heeft inderdaad een probleem met IE6, niet met IE7 of IE5.5
Je kan dit checken door je websitelink in te geven bij:

http://ipinfo.info/netrenderer/index.php

Bij IE6 blijft de tekst in het rechtergedeelte weg.

Tom

EDIT: ik weet niet wat het is, maar ik heb nog al gemerkt dat bepaalde website problemen hebben met specifiek IE6.

(Bewerkt door iTom om 13:12, 31-05-2007)

Tekst website onleesbaar in IE 6
31 mei 2007 - 13:58    reactie #7
geplaatst door: Henkie
Lijkt alsof het de IE6 peek-a-boo bug is. Ik heb niet je hele code bekeken, maar tekst verdwijnt dan willekeurig wanneer een 'float'-element gevolgd word door niet ge'float'ed elementen en dan door een 'clear' element. Wanneer het 'clear' element het 'float'-element 'raakt' dan verdwijnen de ge'float'e element als de 'parent'-element van alle genoemde elementen een achtergrondkleur of afbeelding heeft.

Mogelijke oplossingen IE6 peek-a-boo bug:
A - Verwijderen achtergrondkleur en/of afbeelding van 'parent' element
B - Voorkom dat het 'clear'-element het 'float'-element raakt
C - Vaste maten geven aan het 'parent'-element
D - 'Line-height' geven aan het 'parent'-element
E - Soms helpt: 'position:relative' voor 'float' en 'parent'-element

(ps. strakke vormgeving)

(Bewerkt door Henkie om 14:10, 31-05-2007)

Tekst website onleesbaar in IE 6
31 mei 2007 - 14:16    reactie #8
geplaatst door: Macsel
@Henkie: THX, ik was al bang dat het daar iets mee te maken had. Ik vind CSS een slimme manier voor het maken van een lay-out, maar ik doorgrond het nog niet 100%. Dan maak je iets moois en dan open je het in IE en die houd er dan een behoorlijk eigen intepretatie op na...
Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 14:36    reactie #9
geplaatst door: Robert
[news]
Citaat
iTom om 13:10, 31-05-2007
Nee hoor

Ja hoor.

Sorry, maar ik houdt er niet van als iemand een absolute stelling over een ander poneert, komt nogal denigrerend over omdat je mijn woorden kennelijk in twijfel trekt.

Ik begrijp inmiddels dat anderen in IE6 toch problemen signaleren, maar hier zie ik alle drie pagina's zonder een probleem.  :cool: [/news]

Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Tekst website onleesbaar in IE 6
31 mei 2007 - 15:15    reactie #10
geplaatst door: BertW

Citaat

E - Soms helpt: 'position:relative' voor 'float' en 'parent'-element

dit heeft bij mij ooit geholpen...

Tekst website onleesbaar in IE 6
31 mei 2007 - 15:27    reactie #11
geplaatst door: iTom
@Fool,

Mijn excuses. Het was niet bedoeld als reactie op jouw reactie, hoewel als ik het draadje zie, het zo wel overkomt. Maar dit was dit niet opzettelijk.

Ik bedoelde het als rechtstreekse reactie op het oorspronkelijk bericht en dat het inderdaad een probleem gaf bij IE6.

In ieder geval zeker niet denegrerend bedoeld. Integendeel, ik waardeer het ten zeerste dat de nieuwe (en oude) redactieleden deze site opnieuw in de lucht houden.

:shakehands:

Tom

Tekst website onleesbaar in IE 6
31 mei 2007 - 15:40    reactie #12
geplaatst door: Robert
[news]Dan is het bij mij gewoon verkeerd over gekomen.  :shakehands:

En wij zijn ook blij met de bezoekers die in steeds grotere getale ons weer weten te vinden!  :thumbs-up:

En nu natuurlijk weer on-topic verder...[/news]

Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Tekst website onleesbaar in IE 6
31 mei 2007 - 16:42    reactie #13
geplaatst door: Macsel
Bij het opzetten van de lay-out wilde ik het beeld flexibel houden. Uiteindelijk staan er op alle pagina's foto's in van dezelfde maat. Ik ga nu dus even de maten vast in de juiste elementen zetten. Heb al even wat gestoeid met maten om te kijken of dat een oplossing bood: en dat is het geval. Maar omdat margin's en padding's door verschillende browsers verschillend wordt geinterpreteerd is het nu weer een zootje. Sommige tellen het bij de breedte op andere juist weer niet...  :wacko:

.. to be continued!

Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 18:10    reactie #14
geplaatst door: Macsel
Voordat ik al m'n haren uit m'n hoofd trek even een Update: ik heb inmiddels de afmetingen opnieuw ingegeven. En nu laat als enige Safari iets raars zien. Ik heb de linkerkolom in een left-float element staan, de afbeelding aan de rechterzijde in een right-float element. De middelste kolom met tekst staat er tussenin. Met een extra element los ik de meeste problemen met uitlijnen op. (marge rondom de tekst). Maar Safari plaats het content-element (als enige) niet goed.

Ik heb voor de lay-out de volgende css:


#main /* parent frame */ {
clear: both;
margin: 0px auto;
background: #ffffff url(images/structuur/backgr_menu.gif) repeat-y;
}

#menu /* linker kolom */ {
width: 200px;
float: left;
text-align: left;
margin: 15px 0px 0px 0px;
padding: 0px;
}

#beeld /* rechter kolom */{
background: #ffffff url(images/structuur/blokje.gif) top right no-repeat;
float: right;
width: 240px;
text-align: right;
}

#content /* middelste kolom */ {
text-align: left;
width: 320px !important;
width: 310px;
margin: 0px 240px 0px 200px;
position: relative;
padding: 0px;
}

#content_txt {
margin: 0px;
padding: 10px 10px;
border: 1px solid #ff00ff;
}

Iemand??

Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor
Tekst website onleesbaar in IE 6
31 mei 2007 - 19:11    reactie #15
geplaatst door: Beer
Alle drie kolommen een vaste breedte geven is geen goed idee. Beste is de middelste geen width te geven en alleen de twee buitenste een width (px of %) en een absolute positie.
Aardige uitleg en tips zijn hier gegegeven: http://www.positioniseverything.net/thr.col.stretch.html
Tekst website onleesbaar in IE 6
31 mei 2007 - 20:42    reactie #16
geplaatst door: Macsel
Voor de middelste kolom had ik aanvankelijk geen breedte opgegeven, maar daaruit ontstond mijn eerste probleem. Als ik jouw tips volg dan is dat probleem weer terug.
Mac mini | 21,5" iMac Fusion Drive | vintage iPad (1st g) | iPhone (4S) | Airport extreme / express | Business: 15" MBP | 24" LED monitor