[css|IE] plaatje onjuist geresized - Softwareontwikkeling

dinsdag 20 juli 2004 17:36

Acties:

Verwijderd

Topicstarter

ik ben een website aan het maken, http://www.speciaalmeubelen.com/preview

op die pagina staat een plaatje in een tabel. in firefox wordt hij netjes geresized, net als in opera.
maar in internet explorer komt er een ruimte van ongeveer 25 pixels naast het plaatje

er staan geen viese characters naast het plaatje, de stylesheet is w3c compliant (misschien is dat juist het probleem

) en de resize wordt afgestemt op de breedte van de cel.

weet iemand wat ik precies verkeerd doe?

(of, wat ik moet ver-#@$%#$ om het ook in IE te laten werken)

Cascading Stylesheet:

body.title
{
    background-color: #000066;
    background-image: url("images/title-bg.png");
    background-repeat: repeat;
    border-width: 0px;
    margin: 0px;
}
body
{
    background-color: #EEEEFF;
}
img.logo
{
    float: left;
    border-width: 0px;
}
img.main
{
    border-width: 0px;
    width: 100%;
}
table
{
    border-width: 0px;
    width: 780px;
}
td
{
    font-family: Fixed, monospace;
    font-size: 14px;
    background-color: #DDDDDD;
}
td.title
{
    border-color: #000066;
    border-width: 1px;
    border-style: solid;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 12px;
}
td.info
{
    text-align: left top;
    min-height: 100px;
}
td.image
{
    border-color: #000066;
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    width: 120px;
    height: 120px;
}
tr
{
    width: 100%;
}
tr.head
{
    height: 20px;
}
tr.body
{
    height: 100px;
}

en body.php

PHP:

<?php
    $css_file = 'default.css';
    $css_link = '<link href="'.$css_file.'" rel="stylesheet" type="text/css">';

    $image_prefix = 'images/';

    $lang = $_GET['lang'];
?>
<html>
    <head>
        <?php echo $css_link; ?>

    </head>
    <body>
        <table>
            <tr class="head">
                <td class="title">
                    VAN DER VOORT SPECIAAL MEUBELS
                </td>
                <td rowspan="2" class="image">
                    [img]"<?php[/img]">
                </td>
            </tr>
            <tr class="body">
                <td class="info">
                    <ul>
                        <li>Wilt u van een wand een meubelstuk maken?</li>
                        <li>Wilt u een exclusief meubel naar eigen idee?</li>
                        <li>Zoekt u een partner om uw ideeen vorm te geven?</li>
                    </ul>
                    Van der Voort Speciaal Meubelen ontwerpt en maakt het voor u!
                </td>
            </tr>
        </table>
    </body>
</html>

[ Voor 10% gewijzigd door Verwijderd op 21-07-2004 16:40 ]

dinsdag 20 juli 2004 17:40

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

volgens mij is explorer hier juist wel w3c compliant, een newline geldt ook als teken en genereert een spatie, probeer iets als

code:

1 2	<td rowspan="2" class="image"><img class="main" src="<?php echo $image_prefix.'img1.png'?>"></td>

nog netter is het om af te zien van tabellen voor positionering en layout, daarvoor zijn deze niet bedoeld

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

dinsdag 20 juli 2004 17:45

Acties:

Room42

Daarbij is jouw site ook niet geheel W3C compliant.

Maar ik moet nu eten, anders had ik het ff wat beter onderbouwd. Tot zo

[ Voor 22% gewijzigd door Room42 op 20-07-2004 17:45 ]

Koop al mijn ads!

dinsdag 20 juli 2004 21:54

Acties:

Verwijderd

Topicstarter

/me schopt het plaatje naar de bg, vult de cel met & nbsp; en vind het mooi.

Op deze manier ziet hij er wel redelijk uit in IE.

[ Voor 51% gewijzigd door Verwijderd op 20-07-2004 21:56 ]

woensdag 21 juli 2004 12:16

Acties:

Verwijderd

'display:block' helpt ook vaak.

woensdag 21 juli 2004 16:39

Acties:

Verwijderd

Topicstarter

tables eruit gesloopt, vervangen door divs.

een ander vraagje, ondersteund IE geen min-height?

[ Voor 29% gewijzigd door Verwijderd op 21-07-2004 16:41 ]

woensdag 21 juli 2004 16:43

Acties:

zubauza

Verwijderd schreef op 21 juli 2004 @ 16:39:

een ander vraagje, ondersteund IE geen min-height?

nee, IE ondersteunt geen min-height en min-width

http://www.svendtofte.com/code/max_width_in_ie/

[ Voor 2% gewijzigd door zubauza op 21-07-2004 16:44 . Reden: typfout ]

deviantART gallery