ik ben bezig met een nieuw project en kan daarom ook nog niet echt laten zien wat ik precies bedoel. Ik zal het wel omschrijven en de code erbij geven.

Goed ik heb dus een link die ik als block display en die een bepaalde hoogte en breedte heeft, hierin heb ik links een foto en rechts een tekst. Nu knalt bij firefox soms die inhoud er gewoon uit. die komt dan onder de <a> te staan ipv erin. Ik heb daarboven precies zon zelfde blok staan en daar doet die dit weer niet. Niks is anders alleen de id van dat blok is anders.

Deze werkt dus niet:

Code:

 a#SummeryMed {
    display: block;
    width: 595px;
    height: 72px;
    padding: 1px;
    margin-bottom: 10px;
    margin-top: 2px;
    border: 1px solid #00a71f;
    background: #e7ffe6;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

    a:hover#SummeryMed {
        border: 1px solid #005510;
        background: #d7ffd5;
    }

    #SumImgMed {
        width: 150px;
        height: 70px;
        border: 1px solid #00a71f;
    }
    
    #SumTxt {
    width: 440px;
    height: auto;
    margin-left: 5px;
    text-align: left;
    line-height: normal;
    color: #0027a7;
}

en dit is de content die erin zit

Code:

 <A href="#" id="SummeryMed">
<table cellpadding="0" cellspacing="0"><tr>
<td><div id="SumImgMed"><img src="#" border="0" /></div></td>
<td><div id="SumTxt">
content
</div></td>
</tr></table>
</a>

zoals je kan zien heb ik er ook een tabel omheen gepleurt omdat ik dacht dat dat misschien zou helpen maar ook dat heeft niet geholpen.

Verder zodra ik refresh springt die er weer in maar refrehs ik weer dan springt die er weer uit, heel maf allemaal. Kan het komen omdat ik het op localhost probeer en die daardoor... iets doet met het laden van de pagina? (ik zeg maar wat hoor)

ps, in IE werkt die gewoon goed, de screenshot www.lasac.nl/screen.png

aan je <img /> tags te zien schrijf je in XHTML, aan je <A> tag te zien schrijf je in (slordige) HTML. gebruikg GEEN hoofdletters in je tags in XHTML.
dit zou al een eerste reden kunnen zijn dat firefox, die de standaarden van w3c volgt, je site weergeeft zoals jij hem verneukt.

een <a> rond een tabel lijkt mij ook ontzettend raar

Probeer eens float: left; & float: right; te gebruiken in je linker & rechter DIV.

ja het is indd nog een beetje slordig en nee ik werk niet zozeer met xhtml dat is dreamweaver die dat er zelf van maakt in de img tag.

En waarom lijtk een <a> om een tabel je raar? je kan toch willen dat een heel blok een link is. Verder heb ik het ook indd geprobeerd met float dat had ik voordat ik de tabel eromheen had, maar ook dat bleek niet te werken.

Omdat je een table niet tussen een <a> kan zetten.

Misschien is het handig om je site eerst eens te valideren en te kijken wat je fouten zijn en hoe je die kunt oplossen.

En ik weet zeker dat het met float werkt, zoek anders even op google:
2 divs naast elkaar, zie resultaat:
http://www.google.nl/search?hl=nl&rl...a=lr%3Dlang_nl

ja ik ben ook bekend met css ik weet ook dat die met floats hoort te werken. Ik heb het nu veranderd en ipv de <a> een div neergezet en daar javascript ingedaan zodat het toch een aanklikbaar blok word en een hover heeft. ook de tabel weggehaald. en hij werkt nu.

Zo een hover blok kun je ook met div heel mooi maken, waarom javascript daarvoor gebruiken ?

omdat die anders niet in IE6 werkt? of weet jij een manier dat die daarin wel werkt? zoja dan hoor ik dat graag

je bedoelt toch gewoon bloknaam:hover{} ? dit werkt in IE6 niet

a:hover#SummeryMed

omzetten in

a#SummeryMed:hover

maar je mag voor xHTML geen block element in een inline element zetten

de table en div..

kun je dan beter oplossen met span
en die een display block geven ( TIP )

suc6 :)