Forum » Client-Side scripting » Tabel in IE niet op de goede plaats
H.Rayn
Berichten: 684
avatar
Offline Stuur privebericht
Script/programmeertaal: (x)HTML/CSS
Probleem (duidelijke uitleg vereist): Tabel staat in Internet Explorer niet op de goede plaats
Code:

CSS:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
#stats {
    background:url(../images/stats.png); 
    width:620px; 
    height:60px; 
    margin-top:5px; 
    font-family:Verdana, Geneva, sans-serif; 
    color:#442115; 
    font-size:11px;
}
#stats td {
    padding-left:16px;
}


HTML

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="stats"><div id="clear"></div>
    <table width="600px" style="margin-left:10px; padding-top:6px;">
        <tr>

        <td id="welkom">Welkom, <span class="bold">Starlife</span>!</td>
        <td id="health"><span class="bold">Gezondheid:</span> 100%</td>
        <td id="vip"><span class="bold">V.I.P:</span> 101 days</td>
        <td><span class="bold">Berichten:</span> 0</td>

        </tr>
        <tr>
        <td id="geld"><span class="bold">Geld:</span> 1.169.100</td>
        <td id="plek"><span class="bold">Locatie:</span> Spain</td>
        <td id="rank"><span class="bold">Rank:</span> Legendary Godfather</td>

        <td><span class="bold">Online Leden:</span> 78</td>
        </tr>
    </table>



Overige informatie:
Hier een voorbeeld: http://i41.tinypic.com/16a7hwl.jpg


Kan iemand me helpen??
Laatst gewijzigd door iSilverStar op 2012-02-02 17:05:25
02-02-2012 17:05
Dit topic is 187 keer bekeken door 47 verschillende leden
Reacties op: "Tabel in IE niet op de goede plaats"
1 | 2 Volgende pagina
zwpgangster
world-of-maffia.nl
Berichten: 744
avatar
Offline Stuur privébericht
02-02-2012 18:23
Ferhat.Remory
<?/ $me=Android ?>
Berichten: 1721
avatar
Online Stuur privébericht
het volgende kan in de css-code..
<table width="600px" style="margin-left:10px; padding-top:6px;">
02-02-2012 18:52
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
@zwpgangster, ik heb effe de tijd genomen. Maar ik begrijp dat niet.
@Maviose, je bedoelt volgens mij html. Ik heb mijne vervangen door de joune. Geen verschil. Maar tog bedankt
02-02-2012 19:06
Ferhat.Remory
<?/ $me=Android ?>
Berichten: 1721
avatar
Online Stuur privébericht
Neen, wat vetgedrukt staat kan ook in de CSS-code, alsook heb je 2 keer een width, in je css en HTML .

Die reset moet je ook gewoon includen .
02-02-2012 19:08
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
Er is iets wat ik ook niet snap. Ookal haal ik de style in het tabel weg. Zijn positie behoud die gewoon. Een paar blokken lager. Waar kan dat aan liggen? FF/Chrome/Safari pakken hem goed. IE alleen niet/
02-02-2012 19:16
Patrick
What else?
Berichten: 1180
avatar
Online Stuur privébericht
probeer eens float: left / right toe te voegen.
02-02-2012 20:00
zwpgangster
world-of-maffia.nl
Berichten: 744
avatar
Offline Stuur privébericht
CSS RESET

Maak een css bestand aan.. reset.css
kopieer en plak de reset.css van onderstaande website
http://meyerweb.com/eric/tools/css/reset/

En voeg de css regel toe aan je index
Code | Selecteer Alles
minimaliseren
1
<link rel="stylesheet" href="reset.css" type="text/css" media="screen" />
02-02-2012 21:24
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
CSS RESET werkt niet. Ik heb mn best gedaan. Maar noppes.
@patrick, waar dan ongeveer?
03-02-2012 17:30
Patrick
What else?
Berichten: 1180
avatar
Online Stuur privébericht
of wacht, waarom staat die div clear daar?
clear zorgt er voor dat alle floats etc worden verwijderd, waar het aan kan liggen dat IE dat weer ziet als dat hij floats etc moet negeren.

als dat weg halen niet werkt kijken of het werkt als je float: left; toevoegd aan de div stats
03-02-2012 18:01
H.Rayn
Berichten: 684
avatar
Offline Stuur privébericht
Div clear weghalen veranderd niets. Ik heb ook die float toegevoeg. Dit is het resultaat:

Afbeelding
03-02-2012 19:01
Reageer op: "Tabel in IE niet op de goede plaats"
1 | 2 Volgende pagina
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden