Sain taas tuta tämän maailman surkeimman selaimen mahdin. Omien sivujen taitto käy FireFoxilla kuin vettä vaan, mutta IE:llä tulos ei ole toivotun kaltainen. Käy näin. Sivun sorsasta olennaiset:
***style.css
.navi {
width:100%;
height:10%;
top:1px;
left:1px;
margin-bottom:5px;
}
.asia {
width:80%;
vertical-align:top;
margin:10% 20%;
}
.oikea {
width:20%;
vertical-align:top;
float:right;
}***index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fi"> <head> <title>JussiWeb</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="navi"> <!--menu--> </div> <div class="oikea"> <!--oikea palkki--> </div> <div class="asia"> <!--sisältö--> </div>
Ähhhhhhhhh
Miksi noin huonoa selainta käyttää 90% maailman surffaarjista? Ärsyttää kun joudun fiksailemaan että vaan koodi kävis IE:ssä. Älkää kauhistelko koodia, rakennus on aika alussa taas. Ja sisennykset tos on huonot koska pastesin textareaan.
Juice kirjoitti:
Miksi noin huonoa selainta käyttää 90% maailman surffaajista?
Onneksi me putkalaiset olemme edelläkävijöitä tuossa asiassa. Meistä sitä käyttävät vain 50% Siis öbautlukemilla tietysti. :)
Paha sanoa, kun ei pääse itse oikein säätämään. Voisi olla, että homma kusee tuon asia-luokan margin-määrittelyn takia, kokeile laittaa arvot erikseen.
Juice kirjoitti:
.navi { width:100%; height:10%; top:1px; left:1px; margin-bottom:5px; }
Topilla ja leftillä ei ole mitään vaikutusta, ellei position ole [absolute|relative|fixed].
Juice kirjoitti:
.asia { width:80%; vertical-align:top; margin:10% 20%; }
Tuossa nyt ainakin yrität määrittää elementin leveydeksi 120% (20%+80%+20%).
Ja noilla vertical-aligneilla ei ole mitään vaikutusta, ellei display ole "table-cell" (divit ovat oletuksena "block").
Juice kirjoitti:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Onko transitionalin valitsemiselle joku syy?
Juice kirjoitti:
Miksi noin huonoa selainta käyttää 90% maailman surffaarjista? Ärsyttää kun joudun fiksailemaan että vaan koodi kävis IE:ssä.
Sanoppas muuta...
Ainakin täällä Ohjelmointiputkassa Internet Explorerin käyttäjien määrä laskee kovaa tahtia. Elokuussa 2002 IE:n käyttäjiä oli 83 prosenttia, vuotta myöhemmin määrä oli pudonnut 68 prosenttiin. Ja tässä kuussa alittui maaginen 50 prosentin raja. Tilastoissa näkyvä IE:n osuus lienee myös hieman todellisuutta suurempi, koska jotkut Operat esittäytynevät IE:iksi ja vääristävät sen takia tilastoja.
Näyttää olevan aivan mahdotonta tehdä niin, että molemmilla toimisi, ainakin minun taidoillani. Päädyin loistavaan kompromissiin eli piilottamaan IE-koodin Firefoxilta ja päinvastoin. Mutta FireFoxin kanssa tuli ongelmia. Line-height (CSS) ei toimi oikein. Edes yksi asia, jossa IE on parempix.
zz nsawwww
Kissanpentu käveli näppiksellä :D
Tässä koodit, jos joku vaikka sattuisi tarvitsemaan.
Piilota IE:ltä:
<style type="text/css">
@import url(gecko.css) screen;
</style>Näytä vain IE:lle:
<!--[if IE]> <link rel="stylesheet" type="text/css" href="exploder.css" /> <![endif]-->
Pitää vielä katsoa Operalla ja NetScapella. JavaScriptiin en sorru.
Juice kirjoitti:
Päädyin loistavaan kompromissiin eli piilottamaan IE-koodin Firefoxilta ja päinvastoin.
Oiva ratkaisu.
Juice kirjoitti:
Piilota IE:ltä:
Tuolla on lisää: http://w3development.de/css/
Juice kirjoitti:
JavaScriptiin en sorru.
Oikein!
Tällasta vielä kysysin tähän samaan threadiin että saako mitenkään kätevästi niin, että kun mulla on includeja sivuilla ja alihakemistoja, että ei tartteis laittaa sitä ../ eteen tai ettei sivun urliksi tartteis laittaa esim. index.php?sivu=kekkonen/16v.php. Anteeksi sekava kysymykseni.
Nyt en ole kyllä ihan varma, ymmärsinkö kysymyksen, mutta jos ymmärsin, niin voihan sitä tahdä <?php include('kekkonen/' . $_GET['muuli'] . '.php'); ?> ja index.php?muuli=16v
Joo ei se ollu ongelma vaan kun joka sivun pohja menee jotakuinkin näin:
<?php include("yla.php"); ?> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut quam vitae felis ornare egestas. Nam consequat. Ut consectetuer velit interdum arcu. Phasellus eu sapien vel dolor elementum rutrum. Nunc eget eros. <?php include("ala.php"); ?>
Ja minulla on tämä sama pohja kaikissa sivuissa. Minusta on sekavaa laittaa alihakemistoissa oleviin dokumentteihin tyyliin
<?php include("../yla.php"); ?> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut quam vitae felis ornare egestas. Nam consequat. Ut consectetuer velit interdum arcu. Phasellus eu sapien vel dolor elementum rutrum. Nunc eget eros. <?php include("../ala.php"); ?>
Yksi ratkaisuhan olisi laittaa includeihin täydelliset osoitteet, vaan en voi sitten testata offline. Joten josko tuohon olisi jotakin helppoa ratkaisua tyyliin
include($_SERVER[PAAHAKEMISTO]/ala.php)
Tai sitten että olisi tämä index.php?page=seppo-tekniikka käytössä, vaan osoitteet olisivat selkeitä, tyyliin https://www.ohjelmointiputka.net/opas.php ja https://www.ohjelmointiputka.net/koodit.php. Mutta ei mahda oikein olla mahdollista :P
Aaa, $_SERVER['DOCUMENT_ROOT']
Aihe on jo aika vanha, joten et voi enää vastata siihen.