Gå til innhold

Problemer med 100% table height (jeg også)

tikniver

Av tikniver
i Programmering og webutvikling

Anbefalte innlegg

tikniver

tikniver

Skrevet
Skrevet

Har nå etter mye mas fått denne tablen til å strekke seg 100% uavhengig av hvor mye som er inni;

 

http://terjemork.com/test/_mal.shtml

 

Men ser at nettleserene leser svært forskjellig. Opera gjør tablen ca 15px for kort, Firefox ca 5px for lang og IE ca 100px for lang. IE ser ut til å legge til høyden på radene over. Søkt mye om problemet på nettet (og dette forumet), og det jeg har funnet av "hjelp" har vært som å lese gresk for meg. Bruker forøvrig Dreamweaver til å lage siden.

 

Er det noen (forståelig) måte å gjøre slik at det blir likt?

 

Vil ha det slik at den nederste innholdscellen strekker seg helt ned til bunnen, uansett om innholdet er lite, eller lenger dersom innholdet tar mer plass.

 

Takknemlig for hjelp

Videoannonse

Videoannonse
Annonse
tikniver

tikniver

Skrevet
  • Forfatter
Skrevet

Da tok jeg vekk den første saken jeg la til etter beskjed fra dan1el og brukte i stedet den fra Marvil..

 

Nå blir høyden bra i Firefox også.. Men det blir venstrejustert (sikkert enkelt å fikse)

 

Men IE suger like hardt som før

tikniver

tikniver

Skrevet
  • Forfatter
Skrevet
En DIV som ligger rundt alt, med definert width og margin: 0 auto; ?

Skjønte jeg ingenting av. Noe jeg har gjort som jeg ikke skulle gjort? Eller noe du vil jeg skal legge til?

tikniver

tikniver

Skrevet
  • Forfatter
Skrevet (endret)
Han mener du skal lage en div som går ligger som en wrap/container rundt hele siden, med verdien margin: 0 auto; :)

Et passende eksempel på min manglende kunnskap. Hvordan skrives den taggen da?

 

<div> og </div> er greit nok, hva mer og hvor er et annet kapittel :/

edit: altså <div margin... =?

Endret av tikniver
Haraldson

Haraldson

Skrevet
Skrevet (endret)

Du trenger da også text-align:center; i body, samt text-align:left; på container-diven.

 

tikniver:

 

....
<body>
<div id="container">
Innhold
</div>
</body>
..

 

body {
text-align:center; /*i tillegg til de andre verdiene som måtte være her */
}

#container {
text-align:left;
margin:0 auto;
}

Endret av Mr.Berg
Haraldson

Haraldson

Skrevet
Skrevet

DWs designview er nok ikke så bra som du tenker nei, men på samme tid er det ikke så fælt å gå inn i code view.

 

Du har to body i CSS. Fjern den ene og flytt over verdien slik at det bare er en av denne. Videre kan du fjerne kommentaren (/* osv */).

tikniver

tikniver

Skrevet
  • Forfatter
Skrevet

Da la jeg de to sammen. Men likevel har jeg også "html, body {" og "body,td,th {" i tillegg, men dette er altså ikke det samme?

 

Men fortsatt er noe galt, som jeg skrev sist. Den nederste cellen utvider seg ikke lenger i Opera of Firefox

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...