Problemer med border i IE og Firefox

Det skal måske lige siges at det kommer tydeligt til udtryk i venstre menu.

Kildekoden kan ses ved at trykke på hhv. CSS og HTML verificering i bunden af siden.

<ole>

Nej, din CSS er stadig ikke korrekt. F.eks. skriver du:

td.menutd                {
    width: 20%;
    height: 100%;
    border: 1px solid #ffffff;
}

- og her holder de 20% jo ikke en millimeter  :)

Derudover bruger du en masse absolut positionering - og det skaber ofte problemer af forskellig slags. Såvidt jeg umiddelbart kan se, kan du ligeså godt udnytte det almindelige dokument-flow

/mvh
</bole>

Ok... jeg har prøvet det med position:static, men jeg synes jeg løber ind i nogle problemer! Jeg kan ikke få backcontent og content placeret rigtig, først og fremmest. Dit forslag hjalp mig dog til at få sidemenuen til at se rigtig ud i IE : D

Kan du hjælpe mig med placeringen?

Nåh.. så fik jeg det fiflet på plads. Men 'container' og 'menu' er dog stadig absolute. Gør det noget?

Så fik jeg "staticed" menu også, men container ser jeg ingen løsning på. håber du vil lægge en kommentar ole.

OK Ole... da jeg fjernede alle mine absolute værdier, blev jeg nødt til at inføre borders på nogle tabeller for at få det samme resultat, men nu har jeg præcist samme problem som før! Firefox og IE fortolker border-width forskelligt. IE synes at border skal regnes med som element, og firefox synes at border skal stå udenfor... hvad gør man så??

Håber virkelig nogen kan hjælpe!!

At du fjerner absolut positionering, kan ikke medføre nødvendighed af borders. Du bruger vel ikke borders til at placere elementer med? - og hvis ikke, hvorfor er du så blevet nødt til at bruge borders?

Da jeg havde absolut positionering havde jeg en hvid baggrund. Den virkede som de hvide streger der var mellem div'erne. Når jeg ikke har absolut vil div'erne placere sig helt tæt, så de hvide streger forsvinder. Dette løses ved at lave hvide borders. Men så opstår problemet?

Ok, jeg løste det ved at lade div'en agere hvid streg (med en border) og så lade tabellen være borderfri. Men det er da sært at IE og firefox rendrer borders på tabeller forskelligt!

Jeg er dybt taknemlig for din hjælp og dit gode kritiske øje ole, håber ikke du kan finde noget at sætte fingeren på nu?

Læg et svar, så får du point.

For resten, hvis du har et forslag til dette problem: http://www.eksperten.dk/spm/824673 ville det være sejt!

Det er 'border-collapse:collapse', der gør forskellen. Prøv disse to, hvor FF ser ud til at lægge halvdelen af border'en ind over det omkransende elements border:

<div style="width:200px;height:200px;border:40px solid red">
<table style="border:40px solid blue;border-collapse:collapse">
<tbody>
<tr>
    <td>blablabla</td>
</tr>
</tbody>
</table>
</div>

Hvilken browser, der opfører sig helt efter standarden (om nogen af dem), ved jeg ikke objektivt. Det kræver, jeg står lidt på hovedet i standarden. Jeg har faktisk ikke før været opmærksom på fænomenet - men det ser da spændende ud  =)

- og problemet i den anden tråd, er jeg ikke sikker på, jeg forstår  :)

Jeg lukker her, som sagt løste jeg problemet ved at bruge min div's border i stedet for tabellens border, IE og firefox er nemlig enige om hvordan borderen for div skal fungere. Jeg har desværre ikke tid til at forske mere i problemet. Tak for kommentarer!