Datuve :: Forums :: Arhīvs :: Lapas vienads izskats uz visiem parlukiem

Datuve

Mana Datuve

Reģistrācija | Noteikumi | Paroles atjaunošana



Forums

Ieskaties


Raksti

Lietotāji online

Lietotāji online: 67

Reģistrētie lietotāji online: 0

Viesi online: 67

Datuve.lv video
Top.LV

Lapas vienads izskats uz visiem parlukiem

Ievietoja: burcins @ 2009.05.06 16:50  

TAgad taisu majas lapu, uz mozillu izskatas viss lieliski, bet uz IE visas sadalas sametajas, kur vien tam pasham patik! kas koda ir jaliek ieksa, lai viss izskatiitos vismaz lidzigi, kaa uz Mozillas?
Paldies

Komentāri:

#1 KaNeiet @ 2009.05.06 16:51

"kas koda ir jaliek ieksa" - tik vienkārši gan tas nenotiek :)

#2 burcins @ 2009.05.06 16:54

un kaa tas notiek???? kas man butu jadara, lai viss izdotos labi?

#3 cthulhu_awake @ 2009.05.06 16:59

muahhh
ar sejieni var saakt :>
http://kasis.lv/webp/webp_1.php

#5 ilmars38 @ 2009.05.06 18:36

mani arī šī problēma izved no pacietības... bet vajag samierināties un veidot kodus, lai tie būtu draudzīgi ar visiem pārlūkiem :(

#6 ilmars38 @ 2009.05.06 18:44

KaNeiet rakstīja:

http://browsershots.org/

šajā saitē var iegūt attēlus no savas saites dažādos browseros? es tieši nesapratu?

#7 kasis @ 2009.05.06 19:14

katram objektam (p, div, ...) ir (arī noklusēti) tādas īpašības kā padding, margin, border. Ar tām tad arī jāpaspēlējas, jo galvenā atšķirība ir starp IE un FF pieeju to attēlošanā (sevišķi margin). Diemžēl nav pieticis pacietības to visu skaidrot savā pamācībā, jo diezgan gari sanāk (pozicionēšana). Iesaku uztaisīt treniņam kaut ko šādu (izmanto atsevišķu CSS), pamainot augstākminētās 3 īpašības un izmēģinot rezultātu uz IE un FF (N.B.! atkārtošu, ka īpašības piemīt gan DIV, gan H1, gan P...):
datnes "forma.css" saturs:
------------------------------------------------------
body{
background-color: navy;
text-align: center;           /*centresana IE*/
}

#kont{
border: 1px solid black;
width: 700px;
margin: 0 auto;               /*centre FF*/
background-color: red;}

#saturs{
text-align: left;
float: left;
width: 200px;
background-color: yellow;}

#teksts{
float: left;
text-align: left;
background-color: white;
width: 500px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;}
------------------------------------------------------


datnes "index.html" saturs:

------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>test</title>
 <link rel="stylesheet" type="text/css" href="forma.css">
</head>

<body>

<div id="kont">

 <div id="saturs">
   <p><b>Saturs</b></p>
   <ul>
     <li>Ievads</li>
     <li>Mans CV</li>
     <li>Foto</li>
   </ul>
 </div>

 <div id="teksts">
   <h1>Eiropas īsspalvainais kaķis</h1>
   <p>Šo pasaulē visizplatītāko šķirni izstādēs var sastapt vismazāk. Lai gan izstādēs kaķi netiek pārstāvēti, to netrūkst ne pilsētu pagalmos, ne lauku sētās....</p>
 </div>

</div>

</body>
</html>
------------------------------------------------------

P.S. Lieliski pamācīties var, apskatot pirmkodu citu veidotās lapās (kaut vai iekš FREE TEMPLATES HTML

#8 Gravita @ 2009.05.06 20:04

Ja lapas kods būs atbilstošs W3C (http://www.w3.org/) prasībām, tad viss būs ok uz visiem pārlūkiem.

Ak, jā - neaizmirsti, ka visam ir jāatbilst nevis trim, bet pieciem pārlūkiem:
- IE
- FF
- Opera
- Safari
- Google Chrome

#9 kasis @ 2009.05.06 20:10

#8
Atļauj apšaubīt Microsoft dedzību W3C standartu ievērošanā... :)
Par pārlūkiem - esmu novērojis, ka galējās pozīcijās atrodas IE un FF, ja uz šiem "iet", tad "ies" arī uz citiem (vismaz Opera noteikti, Safari, Chrome neesmu tik ļoti iedziļinājies)

#10 Gravita @ 2009.05.06 20:23

Varu parādīt veselu čupu piemērus, kad Operai ir savas domas par visu. It sevišķi par centrēšanu un areamap. Safari izceļas ar fontiem, bet nu tas ir pieciešams.

#11 kasis @ 2009.05.06 20:29

#10
OK, pieļauju, ka kaut ko neesmu pamanījis, jo tā nav mana ikdienas nodarbe. Cik biju mēģinājis, vienmēr ir izdevies (tiesa, biju novērojis ļoti minimālas atšķirības, kurām, manā gadījumā, nebija vērts pievērst uzmanību)