Avatar billede silverline Nybegynder
26. april 2005 - 19:22 Der er 6 kommentarer og
1 løsning

"spalte" spørgsmål til CSS

HEy Forum...

Jeg er ved at lege lidt med css. Og er stødt på et problem. Jeg ville høre om i ville hjælpe mig med. For overskuelighedens skyld, har jeg lagt min "forsøgs side" ud på nettet : http://www.coot.dk/test/default.htm Mit spørgsmål er så : Jeg ville meget gerne have de 3 spalter der er ved siden af hindanden til at være lige lange. Som det er nu, er den spalte der er skrevet mest i, også den længste. Kan man ikke lave det, således at den længste spalte, bestemmer længden på de andre?

Her er mit style sheet :

body {
    background-color: #606060;
   
}

   



h1 {
    color: #990000;
    background-color: lightblue;
    padding: 20px 20px 20px 20px;,
    width: 99%;

   
   
   
    margin-top: 40px;
    margin-right: 2px;
    margin-bottom: 4px;
    margin-left: 2px;
}


   


   



p  {
    color: #black;
    background-color: white;
    padding: 10px 10px 10px 10px;

    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 0px;
    margin-left: 2px;


   

}


#spalte1 {
    float:left;
    width: 33%;
   
}
#spalte2 {
    float:left;
    width: 33%;
}
#spalte3 {
    float:left;
    width: 33%;
}
#bund {
    width: 99%;
    float:left;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

}
Avatar billede busschou Praktikant
26. april 2005 - 19:31 #1
Hvad med om du lagde alle tre spalter i en div?
Så ville den div jo bestemme størrelsen ialt mon ikke?
Avatar billede busschou Praktikant
26. april 2005 - 19:33 #2
Altså jeg tænker på
<div id="gruppediv">
  <div id="spalte1">
  </div>
  <div id="spalte2">
  </div>
  <div id="spalte3">
  </div>
</div>
Avatar billede olebole Juniormester
26. april 2005 - 19:35 #3
<ole>

For det første skal du bruge en DTD - ellers er det faktisk slet ikke et HTML-dokument. For det andet skal denne indeholde en definitions-URL. Ellers kan du ikke bruge CSS i IE ... f.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Når man skal lave 'synkroniserede' søjler, er tabellen det bedste element at bruge - og helt i overensstemmelse med W3C anbefalinger  :)

/mvh
</bole>
Avatar billede silverline Nybegynder
26. april 2005 - 19:39 #4
Hmm okay. Det prøver jeg lige !
Er helt "grøn" i det med Css, så kunne sgu ikke finde ud af det !

Btw. Et andet spørgsmål. Hvis jeg f.eks. gerne vil have noget luft mellem yderkanten og ind til spalten (ligesom her på eksperten = det lyseblå) Så sætter jeg margin til et x antal pixels, sæ rykker den godt nok spalten længere med midten. Men laver samtidig samme afstand til den næste spalte ! Kan godt være det også er et dumt spørsgmål. Men hvordan reder jeg mig ud af den??
Avatar billede silverline Nybegynder
26. april 2005 - 19:43 #5
<ole>

Somsagt, er newbie. Hvad mener du ,ed at tabellen er det bedste element at bruge? Skal jeg sætte de tre spalte i en tabel, eller hvordan? Du bliver nød til at skære ud ;-)
Avatar billede dj_uncas Nybegynder
26. april 2005 - 22:00 #6
hvis du laver en tabel med tre kolonner i, og så giver hele tabellen følgende style:

width: 700px; /* Eller hvad du nu synes */
margin: 0 auto 0 auto;

så burde den stille sig i midten... Det betyder at der skal være margin på 0 i top og bund, og at browseren selv skal regne ud hvor stor margin skal være til højre og venstre. Reækkefølgen på margin er: top, højre, bund, venstre..
Avatar billede silverline Nybegynder
17. august 2011 - 17:21 #7
...
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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