css layout

[cipher]

Hei

 

Jeg har vurdert å lage meg ny hjemmeside, og har skjønt at det som er "inn" om dagen er å bruke CSS (div's) fremfor tables. Har sett litt omkring og fant litt nyttig informasjon på en av de sticky trådene her i forumet. Er spesielt 3 kolonners layout jeg ønsker å se nærmere på ettersom dette er en veldig "standard" layout.

 

På et av eksemplene jeg fant på http://www.glish.com/css/ brukte de position: absolute; dette førte igjen med seg ulemper som at deler av siden forsvant i spesielle vindu-størrelser. I tillegg førte det til problemer i "main" vinduet da teksten her ble lagt under side-kolonnene. Skjønte at dette lot seg "løse" ved hjelp av margin/padding, men jeg synes alikevel dette var en klønete løsning.

 

Det andre eksempelet de hadde på 3 kolonners layout brukte position: float; Er ikke helt sikker på hvordan dette fungerer, men slik jeg har forstått det så legges dette bare etter hverandre?

 

Hvilken av disse løsningen er best da det gjelder ryddighet, oversikt, og ikke minst kompabilitet i de forskjellige nettleserne? Er det noen andre løsninger som er verdt å ta en titt på?

 

Ønsker ikke å starte en tables vs css diskusjon bare så det er sagt.

 

Takker på forhånd for eventuelle svar

Endret 9. februar 2004 av cipher

[PixelImp]

jeg svikter aldri tables

[kvikks]

Her er noen sider du bør sjekke ut!

div-tags styrt med CSS knuser tables når man har lært det!

 

css Zen Garden

 

box lessons

 

QuirksMode - CSS

 

Why CSS

 

A List apart

 

CSS Maxdesign

[cipher]

Spørsmålet var jo egentlig ikke det jeg fikk svar på selv om svaret til kvikks var veldig informativt. Jeg lurer litt på metoder i CSS for å plassere tingene i en standard 3 kolonners layout.

[kvikks]

Spørsmålet var jo egentlig ikke det jeg fikk svar på selv om svaret til kvikks var veldig informativt. Jeg lurer litt på metoder i CSS for å plassere tingene i en standard 3 kolonners layout.

Om du leser litt på de linkene du fikk hos meg vil du finne det ut.

Du bør også sjekke ut: W3C School

Der er alt du trenger å vite!

[enden]

Bare for å gjøre alt helt klart: Du vil ha tre kollonner på en linje som skal være dynamiske i bredden, med litt mellomrom, men vil ikke bruke padding eller margin?

[cipher]

fast bredde | dynamisk bredde | fast bredde

 

letter etter den beste metoden for akkurat dette.

Endret 10. februar 2004 av cipher

[PT]

jeg svikter aldri tables

Det var ikke det han spurte om

[kvikks]

fast bredde | dynamisk bredde | fast bredde

 

letter etter den beste metoden for akkurat dette.

float left | 100% width | float right

 

angi bredde | | angi bredde i f.eks px

Endret 10. februar 2004 av kvikks

[cipher]

teksten som da er i midterste vil vel ikke forsvinne BAK "menyene"?

 

hva er egentlig definisjonen på float sitt bruk?

[kvikks]

teksten som da er i midterste vil vel ikke forsvinne BAK "menyene"?

 

hva er egentlig definisjonen på float sitt bruk?

om det skjer kan du sette margin: auto; istedet for 100% width...

float sier at den "boksen" skal flyte til høyre/venstre for hovedelementet.

[Cucum(r)]

Bruker fortsatt tables jeg også..

 

Har laget en side med div's (eller, fant en css fil en plass)

 

EDIT: wohoo! siden min er valid

Endret 10. februar 2004 av SirIce

[PixelImp]

This page is not Valid HTML 4.0 Transitional!

 

Endret 10. februar 2004 av PixelImp

[PoleCat]

EDIT: wohoo! siden min er valid

Line 30, column 9: end tag for element "P" which is not open

[Jesper Karsrud]

Line 15, column 58: document type does not allow element "TABLE" here (explain...).

 

<table cellpadding="1" cellspacing="0" bgcolor="#000000">

[enden]

EDIT: wohoo!  siden min er valid

Line 30, column 9: end tag for element "P" which is not open

 

Godt gjort