IE plaatst bij "-" nieuwe regel in tabel, Firefox niet! - Softwareontwikkeling

vrijdag 5 mei 2006 09:36

Acties:

Topicstarter

Sorry voor de onduidelijke topictitel , ik weet ook niet helemaal of dit wel in dit topic thuis hoort namelijk.

Ik heb met PHP/MySQL een kleine servicedesk ontwikkeld(just for fun).
Ik maak zelf veel gebruik van FIREFOX , dus teste niet veel met IE .

In Firefox doet de tabel het gewoon goed.
Deze plaatst alles netjes op 1 regeltje.

Bij IE integenstelling word de regel in een tabel gewoon afgebroken als hij "-" tegenkomt.
Heel irritant waardoor de tabel niet meer overzichtelijk word.

Ik heb even een printscreen gemaakt van zoals het hoort te zijn in FIREFOX:

Afbeeldingslocatie: http://img54.imageshack.us/img54/4297/firefox8gz.th.png

Maar in IE krijg ik de volgende output op het scherm:

Afbeeldingslocatie: http://img74.imageshack.us/img74/1367/ie0uc.th.png

Weet iemand waar dit misschien aan ligt?
Lijkt me niet verstandig om de code van de tabel nu te posten...deze bevat ook PHP , anders zou dit topic in Programming thuis horen....Maar anders moet iemand hem maar even verhuizen

Als jullie toch de code willen post ik deze wel even(schaam ik me ook die voor

)

Hopelijk kunnen jullie mij een beetje duidelijkheid brengen waarom in IE mijn tabel zo onduidelijk word door een - te geburiken

www.degroot-it.nl

vrijdag 5 mei 2006 09:38

Acties:

André

Analytics dude

In je stylesheet:

Cascading Stylesheet:

1	td { white-space: nowrap; }

Daarmee zou het afbreken verholpen moeten zijn.

[ Voor 1% gewijzigd door André op 05-05-2006 10:11 . Reden: - verwijderd ;) ]

vrijdag 5 mei 2006 09:51

Acties:

crisp

Devver

Pixelated

Nee:

Cascading Stylesheet:

1	td { white-space: nowrap; }

(de highlighting verraadde het al

)

Intentionally left blank

vrijdag 5 mei 2006 09:53

Acties:

degroot

Topicstarter

Haha het klinkt raar , maar ik gebruik eigenlijk geen stylesheet

De pagina word steeds in een index.php geinclude....

Moet ik dit aan de pagina toevoegen die geinclude word?
Of aan index.php ?

www.degroot-it.nl

vrijdag 5 mei 2006 10:06

Acties:

armageddon_2k1

Kan aan beide als ik me niet vergis.

Engineering is like Tetris. Succes disappears and errors accumulate.

vrijdag 5 mei 2006 10:29

Acties:

degroot

Topicstarter

Hmmm klein vraagje...

Door dit aan beide pagina's toe te voegen , werkte het nog steeds niet

code:

<?php
session_start();
?>
<html>
<head>
  <meta http-equiv="Content-Language" content="en-gb">
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>Service Desk Jolo Fashion</title>
  <style type="text/css">
td { white-space: nowrap; }
</style>
</head>

Toen ben ik eens ff op www.handleidinghtml.nl gaan rondsnuffelen....
Daar zag ik dat je ze ook in de tabel kan toevoegen door <td white-space: nowrap;>blaat</td>
te doen
Dit had ik dus ook even geprobeerd.
De code van de tabel zag er dus als volgt uit.

code:

1
2

    <td width="5" white-space: nowrap;></td>
<td width="11" white-space: nowrap;><b><font face="verdana" size="1"><a href="index.php?p=nl/overzicht&link=overzichtpc&sortby=naam">Pc-naam:</a></font></b></td>

Maar op deze manier werkt het nog steeds niet in IE...
Heb ik het wel correct toegevoegd?

[ Voor 37% gewijzigd door degroot op 05-05-2006 10:30 . Reden: tags toevoegen ]

www.degroot-it.nl

vrijdag 5 mei 2006 10:36

Acties:

user109731

Je bovenste manier zou in principe goed moeten zijn.

Is bovendien ook een stuk netter dan je tweede oplossing (zoals je ziet moet je dat ook bij elke td toevoegen, niet echt handig uit te breiden. Het is beter om content/opmaak gescheiden te houden).

2e oplossing moet zo trouwens:

HTML:

1	<td width="5" style="white-space: nowrap;"></td>

Maar nogmaals, probeer de eerste werkend te krijgen.

vrijdag 5 mei 2006 10:43

Acties:

André

Analytics dude

Beste degroot, dat je de white-space eigenschap niet kent oke, maar dat je vervolgens niet weet hoe je het moet implementeren gaat wel heel erg ver. Op elke site is in de bron wel een voorbeeld te vinden over hoe je een style op een element toepast. Een beetje meer moeite mag wel.

www.w3schools.com/css

vrijdag 5 mei 2006 10:46

Acties:

Verwijderd

André schreef op vrijdag 05 mei 2006 @ 10:43:
Beste degroot, dat je de white-space eigenschap niet kent oke, maar dat je vervolgens niet weet hoe je het moet implementeren gaat wel heel erg ver. Op elke site is in de bron wel een voorbeeld te vinden over hoe je een style op een element toepast. Een beetje meer moeite mag wel.

www.w3schools.com/css

Hij mag idd wel eens een boekje over CSS & HTML doorlezen.

Toch nog even een werkend voorbeeld:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
          <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
      <title>Title enzo....</title>
      <style type="text/css">
            td { white-space: nowrap; }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
                <td>Een regel tekst met wat spaties enzo</td>
            </tr>
        </table>        
    </body>
</html>

Eigenlijk het zelfde als je eigen voorbeeld alleen dan compleet.

[ Voor 46% gewijzigd door Verwijderd op 05-05-2006 10:54 ]

vrijdag 5 mei 2006 10:52

Acties:

degroot

Topicstarter

Grote prutser schreef op vrijdag 05 mei 2006 @ 10:36:2e oplossing moet zo trouwens:
HTML:
1
<td width="5" style="white-space: nowrap;"></td>
Maar nogmaals, probeer de eerste werkend te krijgen.

Mijn voorkeur gaat ook naar de eerste vorm uit. maar die kreeg ik ook niet werkend.
de 2e vorm krijg ik ook niet werkend.....

Heeft het niet iets met de output van MySQL te maken?
Tenminste daar gaat nu wel mijn vermoeden naar uit.....

Ik zal even een stukje broncode van de pagina in IE posten , misschien dat dat helpt...

code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <td width="5" style="white-space: nowrap;"></td>
    <td width="5" style="white-space: nowrap;"></td>
    <td width="11" style="white-space: nowrap;"><b><font face="verdana" size="1"><a href="index.php?p=nl/overzicht&link=overzichtpc&sortby=naam">Pc-naam:</a></font></b></td>
    <td width="11" style="white-space: nowrap;"><b><font face="verdana" size="1"><a href="index.php?p=nl/overzicht&link=overzichtpc&sortby=afdeling">Afdeling:</a></font></b></td>
    <td width="11" style="white-space: nowrap;"><b><font face="verdana" size="1"><a href="index.php?p=nl/overzicht&link=overzichtpc&sortby=gebruiker">Gebruiker:</a></font></b></td>
    <td width="11" style="white-space: nowrap;"><b><font face="verdana" size="1"><a href="index.php?p=nl/overzicht&link=overzichtpc&sortby=ipadres">Storing:</a></font></b></td>
    </tr>
    <tr>
    <td width="5" style="white-space: nowrap;"><a href="index.php?p=nl/action&action=delpc&ID=6" onclick="return confirmsubmit('jolo02')""><input type="image" src="image/drop.png"></a></td>
    <td width="5" style="white-space: nowrap;"><a href="index.php?p=nl/editform&action=editpc&ID=6""><input type="image" src="image/edit.png"></a></td>
    <td width="11" bgcolor="FF9999" style="white-space: nowrap;"><font face="verdana" size="1"><a href="index.php?p=nl/overzichtpc&pcid=6">jolo02</a></font></td>
    <td width="11" bgcolor="FF9999" style="white-space: nowrap;"><font face="verdana" size="1">Serverruimte</font></td>
    <td width="11" bgcolor="FF9999" style="white-space: nowrap;"><font face="verdana" size="1">Administrator</font></td>
    <td width="11" bgcolor="FF9999" style="white-space: nowrap;"><font face="verdana" size="1"><a href="index.php?p=nl/storing"></a></font></td>
    </tr>

Het gekke is namelijk dat het zo hoort te werken.....als het om normale tekst gaat dan , maar dit is output van een MySQL database in een tabel...zou het misschien daardoor kunnen komen dat het misschien niet werkt?

[ Voor 36% gewijzigd door degroot op 05-05-2006 10:53 ]

www.degroot-it.nl

vrijdag 5 mei 2006 10:54

Acties:

Erkens

Fotograaf

je mist een <tr>

vrijdag 5 mei 2006 10:57

Acties:

Verwijderd

omg

Kijk aub eens naar CSS dat gaat je echt veel tijdwinst opleveren en is veel overzichtelijke.

Het heef natuurlijk niet veel nut om een 'width' op te geven en dan nowrap te gebruiken ga daar maar eens mee testen.

[edit]
Enja die <tr> zal het wel doen

nog niet eens gezien.

En width 100% heeft ook niet veel nut met een vaste width op elke <td><

[ Voor 31% gewijzigd door Verwijderd op 05-05-2006 11:00 ]

vrijdag 5 mei 2006 10:58

Acties:

degroot

Topicstarter

Ik mis idd een <tr>
Maar als ik die toevoeg is mijn probleem niet opgelost , en de weergave is exact hetzeldfe

www.degroot-it.nl

vrijdag 5 mei 2006 11:01

Acties:

degroot

Topicstarter

Verwijderd schreef op vrijdag 05 mei 2006 @ 10:57:
omg

Kijk aub eens naar CSS dat gaat je echt veel tijdwinst opleveren en is veel overzichtelijke.

Het heef natuurlijk niet veel nut om een 'width' op te geven en dan nowrap te gebruiken ga daar maar eens mee testen.

[edit]
Enja die <tr> zal het wel doen nog niet eens gezien.

Volgende keer ff nie zo popiejopie OMG

doen als ik iets verkeerds doe ,
HTML is mijn afdeling niet....daarom zal ik het wel fout gedaan hebben , maar we zitten hier tenslotte bijna allemaal om iets bij te leren...

Als ik de WIDTH verwijder werkt het inderdaad wel ja....
Ik wist ook niet dat die 2 met elkaar in conflict zaten , maar nu is het inderdaad opgelost
ThnQ voor je oplossing

Ik wil ook echt CSS gaan gebruiken voor dit soort dingen maar ik snapte niet waarom CSS niet werkte dus had ik het ff handmatig toegevoegd

www.degroot-it.nl

vrijdag 5 mei 2006 11:04

Acties:

Verwijderd

Bij mij werkt het prima op jouw oude manier

http://blackspotsoftware.com/test.html

Welke browser gebruik je ?

[edit]
stond ook in de TS, moet meer lezen

[ Voor 32% gewijzigd door Verwijderd op 05-05-2006 11:12 ]

vrijdag 5 mei 2006 11:06

Acties:

degroot

Topicstarter

Het werkt bij mij nu ook als ik WIDTH uit mijn <td> haal
Dan werkt het nu ook zelfs met een CSS
Dus problemo opgelosto

thnQ

EDIT
Ik gebruik zelf Firefox 1.5.0.3 maar de rest hier werkt met IE6

[ Voor 25% gewijzigd door degroot op 05-05-2006 11:06 ]

www.degroot-it.nl

vrijdag 5 mei 2006 11:35

Acties:

André

Analytics dude

degroot: Blackspot doet niet popiejopie, hij geeft gewoon aan dat er veel tijdswinst te halen in met het gebruik van CSS. En je zegt zelf nog dat we hier allemaal zitten om te leren: neem dan ook wat van anderen aan

vrijdag 5 mei 2006 11:43

Acties:

degroot

Topicstarter

Haha ja daar moet ik je volkomen gelijk in geven....
Maar het had ook zonder de OMG

gekund ;)!!!

Dat was alleen maar wat mij beetje opviel.
Maar zijn hulp was uiteraard perfect , het heeft mijn probleem opgelost

www.degroot-it.nl

Pagina: 1

Reageer