Notifikationer

Markér alle som læst Log ud

mik789 Nybegynder

09. februar 2003 - 21:24 Der er 15 kommentarer og
1 løsning

NS og billeder

Hvordan kan det være at billeder fylder mere i bunden i NS6 end i IE6? Prøv engang at gå ind på www.dahr.dk/specialister.html

Det skal være sådan at billedet i toppen til højre ("Specialister") skal stå helt nede på den røde streg, dvs. bunden af p'et skal røre stregen. Det gør det også i IE6, men i NS føjes der noget usynlig padding (eller hvad det er) til i bunden.

Her er koden:

<table cellpadding="0" cellspacing="0" border="0" width="612">
<tr>
<td width="64" height="22"> </td>
<td width="135" height="22"> </td>
<td width="413" height="22"> </td>
</tr>
<tr>
<td valign="Bottom" width="64"> </td>
<td align="Left" valign="Bottom" width="135"><img border="0" src="images/DAHRlogodotsmall4.gif" alt="DAHR" width="135" height="31"></td>
<td align="Right" valign="Bottom" width="413"><img border="0" src="images/specialister2.gif" alt="Information om religioner og religiøse forhold" width="172" height="26"></td>
</tr>
<tr>
<td width="64" height="3"></td>
<td colspan="2" width="548" height="3" bgcolor="#ff0033"></td>
</tr>
</table>

Synes godt om

schaefner Juniormester

09. februar 2003 - 21:26 #1

Det står ens hos mig

Synes godt om

schaefner Juniormester

09. februar 2003 - 21:26 #2

Min er ganske vidst NS7

Synes godt om

mik789 Nybegynder

09. februar 2003 - 21:28 #3

schaefner> hmmn... det kan selvfølgelig være noget med NS 6'eren, men det er jo heller ikke mange px det drejer sig om. 2-3 stykker.

Synes godt om

schaefner Juniormester

09. februar 2003 - 21:31 #4

Hvad hvis du laver de to øverste billde lige høje?

Synes godt om

schaefner Juniormester

09. februar 2003 - 21:31 #5

billeder

Synes godt om

olebole Juniormester

09. februar 2003 - 21:34 #6

<ole>

Rent typografisk ville det være betydelig kønnere, hvis billedet blev løftet et par pixels mere end i NS .... så teksten i begge sider tog samme underkant.

Hvis du ikke ønsker det sakl se pænt ud - men se ud som i IE - kan du prøve med border="0" i dit img-tag.

/mvh
</bole>

Synes godt om

mik789 Nybegynder

09. februar 2003 - 21:38 #7

ole> ja det kan du ha ret i (det med underkanten) - det er jo noget med at rette billederne til. Men det ændrer ikke ved at IE og NS får dem til at fylde forskelligt i tabelcellerne. Og der er border="0" i begge <img> tags. Så det er ikke det, der er løsningen.

Synes godt om

7th Praktikant

09. februar 2003 - 21:42 #8

NS 6 kan godt være lidt tricky omkring de små pixel detaljer, men et lille, men besværligt trick kunne være at bruge padding eller hvad du nu lyster på den ydre tabel som billedet oprindeligt skulle ligge inde i, og så ligge en indre tabel ind med billedet.

Synes godt om

olebole Juniormester

09. februar 2003 - 21:49 #9

Fejlen opstår et andet sted ... det har ikke noget med top-tabellen at gøre. Prøv dette:

<html>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="612">
<tr>
<td width="64" height="22"> </td>
<td width="135" height="22"> </td>
<td width="413" height="22"> </td>
</tr>
<tr>
<td valign="Bottom" width="64"> </td>
<td align="Left" valign="bottom" width="135"><img border="0" src="http://www.dahr.dk/images/DAHRlogodotsmall4.gif" alt="DAHR" width="135" height="31"></td>
<td align="Right" valign="bottom" width="413"><img border="0" src="http://www.dahr.dk/images/specialister2.gif" alt="Information om religioner og religiøse forhold" width="172" height="26"></td>
</tr>
<tr>
<td width="64" height="3"></td>
<td colspan="2" width="548" height="3" bgcolor="#ff0033"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="612">
<tr>
<td width="64" height="30"> </td>
<td width="542" height="30"> </td>
<td width="5" height="30"><img src="images/transparent.gif" alt="" width="5" height="30"></td>
<td width="1" height="30" bgcolor="#ff0033"><img src="images/transparent.gif" alt="" width="1" height="30"></td>
</tr>
<tr>
<td valign="top" width="64"> </td>
<td width="542" class="overskrift">Forskere og forskning<br><br></td>
<td width="5"><img src="images/transparent.gif" alt="" width="5"></td>
<td width="1" bgcolor="#ff0033"><img src="images/transparent.gif" alt="" width="1"></td>
</tr>
</table>
</body>
</html>

/mvh

Synes godt om

olebole Juniormester

09. februar 2003 - 22:00 #10

Skift din DTD til denne - så funker det :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
/mvh

Synes godt om

mik789 Nybegynder

09. februar 2003 - 22:06 #11

ole> ja, det ved jeg godt! (altså det med doctypen). Problemet opstod netop fordi jeg ændrede den oprindelige <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> til den nuværende <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Men det gjorde jeg fordi det viste sig at IE går i quirk-mode hvis URL'en mangler, og hvis IE går i quirk, så opfatter den box modellen forkert ("width" bliver summen af indre bredde, border, padding og margin i stedet for som korrekt kun den indre width). Jeg vil godt have det sådan at både IE og NS læser siden i standard mode OG viser siden korrekt.

Synes godt om

olebole Juniormester

09. februar 2003 - 22:17 #12

Tjaaaa .... ya' can't winn 'em all - i den virkelige verden :o))

Synes godt om

olebole Juniormester

09. februar 2003 - 22:25 #13

Eneste løsning er at lave begge billeder i samme højde og sætte cellens højde lig billed-højden.

Synes godt om

mik789 Nybegynder

09. februar 2003 - 23:28 #14

Det ændrer ikke noget at sætte cellens højde = billedets højde. Det er hverken billederne eller cellerne der er problemet men derimod at NS lægger nogle px til i bunden af billederne under den pågældende doctype. Da det kun betyder noget med disse to billeder, blev (lappe)løsningen at angive en negativ margin-bottom med en style skrevet dynamisk ud med php i NS6+ browseren. Sådan:

[i head]
<?php
$browser = $HTTP_USER_AGENT;
$j = 0;
$NS = (eregi('Netscape',$browser))?true:false;
if ($NS) $j = strpos($browser,'Netscape');
$NS_DOM = ($NS&&(intval(substr($browser,$j+8))==6||intval(substr($browser,$j+9))==7))?true:false;
?>

[i <img>]
<?php if ($NS_DOM) echo (' style="margin-bottom:-3px;"'); ?>

men tak fordi I ville hjælpe ;-)
/mik

Synes godt om

mik789 Nybegynder

10. februar 2003 - 06:21 #15

men der er uden tvivl en anden og rigtigere og smukkere løsning....
så hvis nogen... (points no problem)
;-)

Synes godt om

mik789 Nybegynder

10. februar 2003 - 11:58 #16

yep, det er der (i det mindste er den "rigtigere"). Jeg fik den af Stig Nygaard på dk.edb.internet.webdesign.html Værsgo' (og tak til Stig):

http://devedge.netscape.com/viewsource/2002/img-table/

/mik

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS