varför blir det inte 100 %igt?

6 svar · 323 visningar · startad av caze 13 jan. 2004

cazeMedlem sedan sep. 20016 059 inlägg

Frågan13 jan. 2004 17:55#1

Tänkte nu göra en tabell med en bild i som gör att bilden blir lika bred som webbläsarens fönster är, alltså att tabellens egenskap blir, width="100%" men jag får det inte att fungera... Varför?

frankofMedlem sedan jan. 20016 874 inlägg

13 jan. 2004 17:58#2

<style type="text/css">
html, body {width:100%}
</style>

jarvkloMedlem sedan juli 20013 378 inlägg

13 jan. 2004 18:53#3

Hmm...

Några möjliga orsaker till att det inte fungerar som du vill:

Du kan råka ut för att det finns en padding (och ibland en marginal som kan störa) på body i vissa webbläsare (ibland också beroende på <!DOCTYPE ).
Detta löser du med
```
html, body {padding:0;margin:0}
```
Du kan ha en webbläsare som anser att en <table> alltid skall ha en yttermarginal
lösning:
```
table {margin:0;width:100%;}
```
Om du kontrollerar resultatet t.ex. genom att sätta en bakgrundsfärg på <td> så bör du sätta cellpadding och cellspacing till noll på tabellen så att cellen når ända ut till tabellens kant, eller alternativt kan du köra detta med CSS ungefär såhär:
```
table {border-collapse:collapse;}
td {margin:0;}
```

Finns säkert fler möjliga orsaker i en del ovanligare webbläsare om man grottar lite ;)

cazeMedlem sedan sep. 20016 059 inlägg

13 jan. 2004 21:52#4

okej, får det inte att visas ändå, har säkert gjort något lätt och värdelöst misstag bara:

<html>
<head>
<style type="text/css>
html, body, table {margin:0;width:100%;}
</style>
</head>
<body>
<table cellpadding="0" celspacing="0" border="0">
<tr>
<td>
<img src="pelle.jpg"> 
</td>
</tr>
</table>
</body>

dectgapMedlem sedan sep. 20021 655 inlägg

14 jan. 2004 00:39#5

När du använder PHP-taggar för att visa din HTML-kod (använd hellre [ kod]-taggar istället, så skapar det ingen förvirring) syns felet ganska tydligt: du har glömt ett citationstecken efter <style type="text/css.

Det heter förresten cellspacing - inte celspacing.

cazeMedlem sedan sep. 20016 059 inlägg

14 jan. 2004 10:45#6

Okej. nu befinner den sig på rätt plats, men bilden som är bak.jpg är 1400 pixlar bred och därmed behöver man scrolla, jag vill alltså att bilden ska vara lika bred som webbläsaren...

icaaqMedlem sedan okt. 20005 273 inlägg

14 jan. 2004 10:53#7

Lägg den som en bakgundssbild istället.

[red]
<table cellpadding="0" celspacing="0" border="0" style='background-image: url(pelle.jpg);'>

<tr>

<td>

& nbsp ;
</td>

</tr>
</table>
[/red]

är ett sätt

mv icaaq

/RED. Du kanske får leka med background-position, background-repaet för att få det som du vill.

Sen är det nog bättre att ange bilden som en background på Bodyn istället.....

RED/.