Keskustelu: Ohjelmointiputka: Sivuston sovitus

Moi,

Käytössäni on Nokian E90 mallin kommunikaattori ja sen vakio webselain. Jostain syystä keskusteluiden tekstit menevät oikean valikkopalkin päälle. Ja automaattinen rivitys alkaa vasta kun teksti osuu näytön reunaan.

EDIT: itseasiassa vastaavaa ei ole kaikilla sivuilla, mutta ainakin tämä viestinkirjoituslaatikko menee oikealta sivulla tuon valikon päälle.

EDIT2: näytön tarkkuus 800x352px ja 100% zoom päällä

Tietokoneet ovat tarkoitettu netin selaamiseen, kommunikaattorit kommunikoimiseen.

ankzilla kirjoitti:

Tietokoneet ovat tarkoitettu netin selaamiseen, kommunikaattorit kommunikoimiseen.

:P no mitä mä täällä teen tällä (vinkki: kommunikoin)

Vaihda se webselain?

ankzilla kirjoitti:

Vaihda se webselain?

Tiedätkö muka paremman, minä en?

Ongelma johtuu siitä, että sivujen sisältö on laitettu div-elementin sisään, jotta reunapalkin alla jatkuisi yhtä leveä tyhjä tila ja siis sisältöpalsta pysyisi yhtä leveänä. Kun tämä div sisältää liian leveän elementin, yleensä kooditagin tai kapealla ruudulla tekstilaatikon, koko sisältöosa venyy ja päätyy palkin päälle.

Hyviä vaihtoehtoja ei juuri ole.

• Palkin voisi siirtää vasempaan reunaan.
• Sivustolle voisi asettaa vähimmäisleveyden CSS:llä:
  #pohja { min-width: 35em; }
  Tämä ratkaisu ei kuitenkaan toimi kaikilla selaimilla, koska ne eivät tue CSS:ää kunnolla. Myöskään liian leveiden kooditagien aiheuttama ongelma ei ratkea.
• Palkin voisi piilottaa JS:llä kulmaan laitettavasta rastista. Piilotuksen ja sisältöosan levennyksen voi hoitaa vaikka uusilla CSS-tyyleillä, jolloin JS:n tarvitsee vain vaihtaa pohjaelementin luokkaa.

Onglema olikin juuri liian leveitä kooditageja sisältävillä keskustelusivuilla, kun tarkemmin mietin.

tkok kirjoitti:

Onglema olikin juuri liian leveitä kooditageja sisältävillä keskustelusivuilla, kun tarkemmin mietin.

Jeps, nämä on ongelmallisia ihan työpöytäselaimillaki. Viimeksi taisi mulla mennä yli tuota aihetta lukiessa: https://www.ohjelmointiputka.net/keskustelu/18527-laskin-ongelma-java
Pitäiskö noita kooditageja alkaa moderoimaan nykyistä(kin) kapeammaksi kännyselaajia ajatellen?

Yksi vaihtoehto on heittää overflow: auto; niin että tulee vierityspalkit jos leveys heittää liian koville kierroksille. Putkan HTML on tosin taulukkotaittoisena aika myrkkyä yrittää lisätyylitellä CSS:n voimin. Leikin Firebugilla ja sain aikaiseksi tämmöisiä lisäyksiä:

p {
max-height: 10em;
max-width: 40em;
overflow: auto;
}

td div {
max-width: 45em;
}

Tuo sai jokseenkin kuriin tuota Blazen linkittämää sivua, olkootkin ettei ratkaisu vielä mikään silmiä hipova tuollaisenaan ole.