Divs: Plassering av tekst i bunnen av div

travis_g · 31. mai 2004

Hvorda får man plassert teksten i bunnen av en div:

eks

text-valign: bottom (som selvfølgelig ikke fungerer)

Arve Systad · 31. mai 2004

http://www.w3schools.com/css/pr_pos_vertical-align.asp

haugsand · 31. mai 2004

vertical-align funker bare slik du vil ha det på td, eller på elementer med display: table-cell;

travis_g · 31. mai 2004

http://www.w3schools.com/css/pr_pos_vertical-align.asp

Har sjekket den siden allerede, mn fant ikke noe som hjalp meg der.

Noen flere forslag?

Smidt · 31. mai 2004

du kan lage to divver inni diven du har.

den ene som inneholder den nederste teksten og er nederst på siden. den andre ligger over og bruker så mye plass som du vil at det skal være ned til den under.

travis_g · 31. mai 2004

du kan lage to divver inni diven du har.
den ene som inneholder den nederste teksten og er nederst på siden. den andre ligger over og bruker så mye plass som du vil at det skal være ned til den under.

Det blir for tungvindt. Da må jeg jo endre størrelsen på den øverste når jeg skal ha mer / mindre tekst i den nedre. Er det virkelig ingen kode som klarer å plassere teksten nederst i diven?

Finnes det en kode som klarer å bunn-plassere hele diven da.

Noe som:

#div {
float: left bottom
}

eller noe

Zethyr · 31. mai 2004

position:absolute;

bottom: -150px;

travis_g · 31. mai 2004

Nei. Det fungerte ikke det heller. Problemet gjelder link-delen på denne siden: Chicagos

Som har disse kodene:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<title>Chicagos</title>

<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>

<!--- header --->
<div id="header">
<img src="images/logo.gif" width="468" height="71"><br>
</div>

<br><br>

<!--- container --->
<div id="container">

  <!--- meny --->
  <div id="meny">

  <p>Her er menyen</p>

  </div>
  
  <!--- linker--->
  <div id="linker">

  <p>Her er linkene</p>

  </div>
  
     <!--- tekst --->
  <div id="tekst">

  <p>Her kommer Teksten</p>

  </div>
  
</div>

</body>
</html>

CSS

body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
background-color: #9c9;
}

#header {
margin: 0 auto;
width: 468px;
border: 1px solid #000;
}

#container {
margin: 0 auto;
width: 750px;
height: 450px;
}

#container #meny {
width: 130px;
float: left;
text-align: center;
}

#container #tekst {
width: 470px;
margin: 0 auto;
height: 450px;
background: #cfc;
border: 1px solid #000;
}

#container #linker {
Width: 130px;
float: right;
}

Smidt · 31. mai 2004

det du gjør om det er en footer du skal ha er å ikke definere høyden på "#container #tekst". den vil da utvide seg så mye som nødvendig.. om du inni

"#container #tekst" lager to divver hvor den ene innholder footeren og den andre inneholder innholdet vil tekstområdet utvide seg etter innhold og du får teksten din i footer..

travis_g · 31. mai 2004

det du gjør om det er en footer du skal ha er å ikke definere høyden på "#container #tekst". den vil da utvide seg så mye som nødvendig.. om du inni
"#container #tekst" lager to divver hvor den ene innholder footeren og den andre inneholder innholdet vil tekstområdet utvide seg etter innhold og du får teksten din i footer..

Nei. Det er ikke en footer jeg skal ha. :wallbash:

Jeg vil bare ha linkene bunnplassert.

pgdx · 31. mai 2004

It ain't possible.

travis_g · 31. mai 2004

It ain't possible.

Det er mulig med tabeller. Det vil si at tabeller har flere muligheter enn divs :lol: :fun: :whistle:

Smidt · 31. mai 2004

It ain't possible.

Det er mulig med tabeller. Det vil si at tabeller har flere muligheter enn divs

vil si at tabeller er bedre om du ikke vet hvordan du skal bruke divs.. :roll:

haugsand · 31. mai 2004

Hvis tabeller har flere muligheter enn CSS-basert layout, kan du kalle meg en krakk. Men jeg hevder derfor ikke at tabeller ikke har noen fordeler.

Arve Systad · 31. mai 2004

vertical-align funker bare slik du vil ha det på td, eller på elementer med display: table-cell;

hmm, sant det.. Men er vel ingen grunn til å ikkje kunne gjøre det, vel?

pgdx · 31. mai 2004

Du kan jo alltids bruke position: absolute; bottom: 0px;

haugsand · 31. mai 2004

Jeg trenger vel ikke å legge til at IE ikke støtter display: table-cell?

Arve Systad · 31. mai 2004

Jeg trenger vel ikke å legge til at IE ikke støtter display: table-cell?

*kremt*... Da så... Tenkte eg aldri over.

MS ødelegger internett sin brukervennlighet! :woot:

Cucum(r) · 31. mai 2004

Ingen her som engang har tenkt på å sende en klagemail til Microsoft ang. IE?

Sikkert mange som har gjort det - men jeg er veldig interessert i å se hva Microsoft har som svar på hvorfor oppdateringene skjer så sjeldent.

Endret 31. mai 2004 av SirIce

pgdx · 31. mai 2004

Tro meg... Det har blitt gjort mange ganger...

Divs: Plassering av tekst i bunnen av div

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer