Keskustelu: Nettisivujen teko: Teksti vasemmalle ja banneri oikealle - miten?

Morjens! Sivuillani on seuraavanlainen ongelma: Olen asettanut headeriin otsikon sekä mainosbannerin. Kuitenkin otsikkoteksti jää bannerin alle, vaikka tekstin pitäisi asettua vasemmalle ja bannerin oikealle.

Tällähetkellä index.php on tällainen: http://pastebin.com/JCT9VAAG
tyyli.css: http://pastebin.com/aARyJSWz

Suosittelen määrittelyjen oletuksiksi % eikä px. Mikä on bannerin leveys?

Bannerin koko on 728x90.

Siinä tapauksessa se kannataisi määrittää aivan oikeaan reunaan. Ehkä?

Nyt onnistui bannerin ja tekstin erottaminen. Miten kannattaisi menetellä, jos haluaisin, että sivuston koko muuttuu selainikkunan pienentyessä / suurentuessa.

Juurikin tuolla %. % kertoo, että kuinka suuri osuus sen hetkisestä selaimen koosta.

Jokotai, ei kannata. Prosenteilla tuollaisessa tilanteessa saa yleensä sivusta vain ruman ja hieman toisella tavalla hajoilevan. Tietyssä määrin voi ehkä kikkailla min- ja max-width-määreillä, mutta on typerää pakottaa elementit vierekkäin, jos ne eivät siihen järkevästi mahdu eikä asettelulla ole mitään käytännön merkitystä.

En perehtynyt keimon koodeihin, mutta luultavasti floattia kannattaa käyttää. Siis HTML:ään ensin banneri ja perään teksti ja CSS:llä banneri floatilla oikeaan reunaan. Lisäksi voi olla tarpeen laittaa näiden ympärille ylimääräinen div ja CSS:llä pseudoelementille #ymparoivadiv:after asianmukainen clear-määre tarvittavine kikkoineen. Lopputuloksena pitäisi olla, että tilan kaventuessa liikaa teksti siirtyy bannerin alle.

Tuon banneriongelman sainkin jo ratkaistua. Ilmeisesti ainakin yksi ongelmia tuottava tuossa prosenttimäärittelyssä on tuo center-elementti. Sen leveys pitäisi olla 1000px ja jos tuon 1000px:n tilalle laittaa 100%, sotkee se koko ulkoasun.

Olenko ymmärtänyt ihan väärin tuon prosenttimäärittelyn vai?

Hyvässä koodissa ei pidä olla yhtään center-elementtiä.

Ei ole omaa koodia. Voiko tuon centerin suhteen tehdä mitään, vai kannattaako unohtaa kerralla?

Center on auttamattomasti vanha ja se pitäisi korvata CSS:ällä. Selaimet kuitenkin tukevat centeriä ihan vain taaksepäin yhteensopivuuden takia.

<center>-tagi kuuluu uusimpaan viralliseen HTML-standardiin, joten syytäkin sitä on tukea. Muutaman (tai kymmenen) vuoden päästä tulevasta HTML5:stä se on kuitenkin poistettu.