[martinh]

Hej
Jag håller på med en liten sida åt min flickvän, men det är en sak som förstör hemskt mycket.
Hoppas ni kan hjälpa mej med det.
När man kör med upplösning 1280x1024 som jag gör så blir den översta cellen i tabellen alldeles för "hög". Jag vill att den ska vara anpassad efter top-bildens storlek (se bilden om ni ska förstå nånting).
Det blir bara så i IE och inte i Mozilla.

http://strawberrybazooka.com.loopiadns.com...om/lpp/dump.jpg

2 filer, en default.htm och 1 style.css

default.htm:

<table border="1" class="tbl">
 <tr>
  <td valign="top" colspan="2" style="height:130px">
   <img src="top.jpg" />
  </td>
 </tr>
 <tr>
  <td valign="top"><img src="../ponyplace/knapp1.gif" /></td>
  <td valign="top"><iframe src="in.htm" width="493" height="500" name="iframe" frameborder="0"></iframe></td>
 </tr>
</table>

style.css:

body, html {
	height: 100%;
}

.tbl {
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 background-image: url(bg2.gif);
 height: 100%;
	width: 640px;
}

td {
 font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
 font-size: 8pt;
 color: #000;
}

Kan någon här få rätsida på mitt problem?

[Slaktad]

Sätt height="100%" i iframe-taggen så borde det lösa sig.

[Jester]

Originally posted by Slaktad@Jul 26 2004, 17:31
Sätt height="100%" i iframe-taggen så borde det lösa sig.

Validatorn säger nej, bestämt nej. Då blire till att använda riktiga frames istället. Men å andra sidan kanske inte korrekt kod är högsta prio hät

[martinh]

Ursprungligen postat av Jester

Validatorn säger nej, bestämt nej. Då blire till att använda riktiga frames istället. Men å andra sidan kanske inte korrekt kod är högsta prio hät

Korrekt kod är just poängen. Sidan finns redan, men är kodad på det mest horribla sätt :P

Jag testade att sätta height="100%" i frame tagen bara för testandets skull, men det funkade inte...

[Christian]

Hmm, varför inte helt enkelt skriva:

<td valign="top" colspan="2" height="130">

så brukar jag göra för att låsa en cell till en viss höjd.

[festiz]

Originally posted by Christian@Jul 27 2004, 16:47
Hmm, varför inte helt enkelt skriva:

<td valign="top" colspan="2" height="130">

så brukar jag göra för att låsa en cell till en viss höjd.

och colspan hjälper vad?

[Jester]

Ursprungligen postat av festiz

och colspan hjälper vad?

Kolla orginalinläggets kod.

[zoran]

Originally posted by martinh@Jul 24 2004, 22:27
Hej
Jag håller på med en liten sida åt min flickvän, men det är en sak som förstör hemskt mycket.
Hoppas ni kan hjälpa mej med det.
När man kör med upplösning 1280x1024 som jag gör så blir den översta cellen i tabellen alldeles för "hög". Jag vill att den ska vara anpassad efter top-bildens storlek (se bilden om ni ska förstå nånting).
Det blir bara så i IE och inte i Mozilla.

http://strawberrybazooka.com.loopiadns.com...om/lpp/dump.jpg

2 filer, en default.htm och 1 style.css

default.htm:

<table border="1" class="tbl">
 *<tr>
 * *<td valign="top" colspan="2" style="height:130px">
 * * *<img src="top.jpg" />
 * *</td>
 *</tr>
 *<tr>
 * *<td valign="top"><img src="../ponyplace/knapp1.gif" /></td>
 * *<td valign="top"><iframe src="in.htm" width="493" height="500" name="iframe" frameborder="0"></iframe></td>
 *</tr>
</table>

style.css:

body, html {
	height: 100%;
}

.tbl {
 *border-left: 2px solid #000;
 *border-right: 2px solid #000;
 *background-image: url(bg2.gif);
 *height: 100%;
	width: 640px;
}

td {
 *font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
 *font-size: 8pt;
 *color: #000;
}

Kan någon här få rätsida på mitt problem?

Bara en fundering, du funderar inte på att läsa på mer om CSS och <div>-taggar och ge upp design med tabeller?

/Zoran

[martinh]

Originally posted by zoran@Jul 27 2004, 23:27
Bara en fundering, du funderar inte på att läsa på mer om CSS och <div>-taggar och ge upp design med tabeller?

/Zoran

Jo, men jag kan inte tillräckligt mycket än, därför jag sökte efter lite lektioner i en annan tråd

[festiz]

Ursprungligen postat av martinh

Jo, men jag kan inte tillräckligt mycket än, därför jag sökte efter lite lektioner i en annan tråd

www.csszengarden.com
En sida som är designad för total accessibilitet, till för att du ska häpnas över hur bra genomtänkt sidan är.

www.alistapart.com
En webbtidning med väldigt bra tutorials, inte bara om css, utan även mycket annat.

http://www.thenoodleincident.com/tut...son/boxes.html
Bra förklaring gällande flytande designer med css.

www.ssi-developer.net/css
Lite häftiga css-tutorials med vissa IE-specifika effekter