CSS attelošana iekš IE un FF

[Toms]

Izvilukums no CSS:

Code:

#vidus_galvenais1 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #ffffff;
height:300px;
width:200px;
}

#vidus_galvenais2 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #ffffff;
height:300px;
width:200px;
}

#vidus_galvenais3 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #ffffff;
height:300px;
width:200px;
}

#vidus_galvenais4 {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #ffffff;
height:300px;
width:337px;
}

un izsaucu ar:

Code:

Taču IE attēlo visu korekti, bet FF nogļuko. Idejas?

P.S. Skrīni:

https://toms.ir.lv/bin/ar_ff.jpg

https://toms.ir.lv/bin/ar_ie.jpg

Vajadzētu tā lai uz abiem pārlūkiem attēlojās +/- vienādi. Divus CSS kodus netīkās rakstīt 🙂

[Toms]

Paskaidrošu sīkāk, ko neesmu izdarījis.

Lieta tāda, ka ar div`u palīdzību veidoju vertikālās tabulas jeb kolonas. Taču aplūkojot FF, rādās nekorekti, bet to pašu aplūkojot iekš IE – viss izskatās tā kā tam vajadzētu būt. Izņemot laukā vertikālās kolonas un aizstājot tās ar vienkāršu horizantālo kolonu jeb row, tad uz abiem pārlūkiem izskatās +/- vienādi. Tātad – secināju, ka pie vainas ir vertikālās kolonas. Un jautājums – kā būtu pareizāk jāraksta, lai veritkālās kolonas atteloto pareizi abos pārlūkos?

[Foxsk8]

Parasti ar css jābūt uzmanīgiem un vienmēr ir jātestē lapa uz vairākiem pārlūkiem. Ieteiktu tev ar šo te validātoru pārbaudīt to css.

https://jigsaw.w3.org/css-validator/

[Foxsk8]

Toms wrote:

Paskaidrošu sīkāk, ko neesmu izdarījis.

Lieta tāda, ka ar div`u palīdzību veidoju vertikālās tabulas jeb kolonas. Taču aplūkojot FF, rādās nekorekti, bet to pašu aplūkojot iekš IE – viss izskatās tā kā tam vajadzētu būt. Izņemot laukā vertikālās kolonas un aizstājot tās ar vienkāršu horizantālo kolonu jeb row, tad uz abiem pārlūkiem izskatās +/- vienādi. Tātad – secināju, ka pie vainas ir vertikālās kolonas. Un jautājums – kā būtu pareizāk jāraksta, lai veritkālās kolonas atteloto pareizi abos pārlūkos?

Redzi css, visu viedo pēc rindām piem tu nevarēsi dabot vienu kollonu labā malā un otru zem viņas, tā otrā ievietosies blakus pirmajai. Sen atpakāļ arī cīnijos ar šīm te problēmām. Varbūt kollonām uzliec platumus width. Paeksperimentē ar tiem. Jo laikam tev kaut kas iet arā no rāmjiem, līdz ar to viena kollona uzsēžas uz otras.

[Toms]

Platumus jau esmu salicis.

Tiko notestēju arī uz Operu. Tur arī viss kārtībā attēlojās… taču gļuki metes uz FF… nesaprotu.

[Mr.Death]

background vietā lieto background-color / background-image un starp funkciju un definejumu lieto atstarpes. piemēram: width:300px; ir nepareizi un jābūt width: 300px;

ak jā un pie margin vajag norādīt kas ir tā nulle pie 0 vietā jālieto 0px :win:

vaina sintaksē :money: :die:

[azazul]

😀

[Mr.Death]

Stulbs jau citus vnm mācēs saukt par stulbiem, par sintaksi runājot, protams ka pateicu visu pareizi. Ja nu nē tad par to ka width:200px ir jābūt atstarpei 100%. pēc paša pieredzes. :win:

[Autors]

Ieraksti