mefisto

Ņem un pārveido šito layoutu : http://innonesen.se/test/l-6/

Tev tikai abas šaurās kolonas ir mano float'o ka kreisi un jēpielabo padding uz lielā laukuma.

Bļins , kur tu tāds gudrs radies.

Re ku tev .. salīdzini : http://haslayout.net/css/

http://haslayout.net/css/3px-Gap-Bug-aka-Text-Jog-Bug

http://haslayout.net/css/Double-Margin-Bug

http://haslayout.net/css/Negative-Margin-Bug

http://haslayout.net/css/Form-Control-Double-Margin-Bug

P.S. .. emm .. un tu gadījumā nejauc cēloņus un sekas ?

Es taicu, ka īstās mājaslapās ir footeri , nevis , footeri (manā izpratnē) parada mājaslapas par īstām.

Redz' , tad kad tu taisīsi _īstas_ mājaslapas, tu ievērosi , ka tam ir tada lieta kā footeri.

Un tavā koda footeris var būt tikai tad, ja saturs ( div#column_2 ) ir garāks vai tik pat augst, kā abas malas.

Jo malas ir pozicionētas absolūti un "neizpiež kontēneri".

Anyway, http://innonesen.se/test/l-6-mod-minwidth/

Nav diez ko elegants variant, bet man par šito neviens nemaksā.

Pozicionēšanu ir slikti lietot , jo tu "izņem" elementu no lapas layout'a.

Tb, absolūti pozicionētais elements neizspiež saturu.

Tas ka tu nesaproti kā izmantot padding un margin nav attaisnojums.

http://innonesen.se/test/l-6/

Es nesaprotu kur ir problēma.

http://www.cssplay.co.uk/boxes/width3.html

Un nafig tu lieto position: abs/rel priekš lapas izkārtojuma ?!?

(function(){

   var tagad = new Date();
   var svetki = {
         '31.12' : 'Vecgada diena!',
         '24.12' : 'Ziemassvētki!'
   };
   var datums = tagad.getDate() + '.' + ( tagad.getMonth()+1 );
   if (svetki[datums]){
         alert( svetki[datums] );
   }

})();

Apmēram kaut kā šitā. Nepārbaudīju vai darbojas gan ..

Besides.

Prakstiski vinīgais "resets" ko tev vajag lapā ir *{ padding: 0; margin:0; }

Kuram vēlāk tu obligāti aiztāj * simblou ar vieism tagiem (izņemot span un div ) ko esi lapā lietojis.

Tieši cik akls tu esi , Evi ???

Problēa ir tajā ka tev viss lapas kods ir līks.

Tak vismaz novalidē to lapu vispirms.

Interesanti.

Ko tieši es pēc tavām domām tādu sliktu ieteicu ?

Tā ir standarta prakse, veidojot lapu uzlikt

*{
 padding:  0;
 margin:   0;
}

Ko pēc tam , kad lapa ir pabrigta, iaztāj ar visiem izmantotajiem tagiem:

ul, ol, li, h1, h2, p{
 padding: 0;
 margin:  0;
}

Vai varbūt tu nezini , kas ir outline un kādēļ tas eksistē ?

Evi, es tiešām vēlētos zināt, kas manā rakstītajā bija tik ļoti bullshit'ains ?

Īsa atbilde : nē, nebūtu.

Garāka atbilde.

Tur ir vairākas problēmas a šito css reset'u ( un ar pārējiem arī ).

Kad pēdējo reizi tu lietoji kādu no šiem tagiem ?

<tt> <var> <font> <small> <big> <sub> <sup> <s> <strike> <kbd> <ins> <sel>

Tad kāda jēga to reset'ot ?!

Un tādas fiškas kā outline:0 vispār nedrīkstētu būt tavā kodā.

Liekas tas bija kaut kur ierakts iekš WAI guideline'iem.

Besides.

Prakstiski vinīgais "resets" ko tev vajag lapā ir *{ padding: 0; margin:0; }

Kuram vēlāk tu obligāti aiztāj * simblou ar vieism tagiem (izņemot span un div ) ko esi lapā lietojis.

Nez .. drošvien es esmu vienīgais, kas tā domā.

A davai ka vispirms pamācies:

http://www.htmldog.com/guides/

http://wsc.opera.com/

Cik lielu vajadzētu?

Precīzam skaitlim nav nozīmes ( lietoju 20-50pz gabalus parasti ).

Vari uztaisīt eksperimentu ja gribi .. uztaisi 1x1 semi transparentu png un uzliec to kā backgroundu pāris blokiem.

Tad uzliec fiksētu fonu iekš html/body taga.

Tad atver lapu uz kāda lielāka monitora un vēro CPU, kad scrollē lapu.

Pēc tam nomaini bildi uz 5x5px un vēro atšķirību.

Nekad netaisi atkārtojošos attēlus ar 1px dimensijām. Browserim renderēt grūtāk.

Anyway, varianti divi :

- nu un kas ka tev būs divi requesti nevis viens ? pazaudēsi 20ms uz lapas ielādi, nekas, pārdzīvosi.

- sa-atkārto to bildi pa strite'a visu malu un tad varēsi visu to bildi atkātot ( imo, baigā perversija )

Ar !important ir 2vas problēmas :

- tas īsti nedarbojas uz IE6

- baigā iespēja kaut ko spist, ja nezini pārejo lapas kodu.

Sasa, vai tiešām tu citiem ieteiktu šādi rakstīt ?

• http://www.w3schools.com/php/php_secure_mail.asp
  
• http://www.w3schools.com/php/php_ajax_database.asp
  
• http://www.w3schools.com/php/php_ajax_poll.asp

Var jau būt ka tiešām ieteiktu .. nez .. es gan nē.

2easy, teoriju vajag palasīt

http://www.w3.org/TR/CSS21/cascade.html#specificity

Uzliec precīzāku selectoru:

ul#top0 li.sub2 a{}

Un ieteiktu palasīt par semantiku.

Tas tavs html's ir vienkārši drausmīgs.

Emm ... varbūt ka es kaut ko jaucu te , bet , defaultajam stāvoklim vajadzētu būt "visi aizvērti" pēc HTML un CSS ielādes.

Nākamais solis būtu to JS nolikt lejā pirms aizverošā </body>, tad tas tiks izpildīts pēc DOM uzģenerēšanas , bet pirms lapas renderēšanas.

Par pašiem cepumie lasi šiten http://www.quirksmode.org/js/cookies.html ( drošvien lnku jau biji atradis ).

Jā , es tiešām uzskatu visus, kas citus sūta uz w3skolu par debīliem.

Jo alternetīva būtu "ļauni" ... neredzu citus iemeslus, lai kādu apzināti sūtītu uz kļūdainu un novecojušu lapu

( tas ir zinātniski pierādīts =P )

Kas attiecas uz pozicionēšanu, granted, priekš menu un visādiem js brīnumiem tas ir lietojams,

bet lapas pamat-izkārtojumu ar to NEDRĪKST veidot.

Un nē, es nevaru iedot alternatīvu, jo renathy nav atbildējusi, vai lapa ir fiksēta platuma vai staipīga.

Maris-S , pirmkārt, tu esi vienīgaiks kurš no komentētajiem ieminējās par pozicioniešanu.

Otrkārt, ir jābūt debīlam lai citus uz w3schools mācīties sūtītu.

Treškārt, ja tu neesi ar IE6 neko darījis, tad varbūt nevajadzētu pukstēt.

Anyway. 99.99% gadījumu position: abs/rel izmantošanas ir vissliktākais variants, kā jebko izdarīt iekš css.

Nu to vai lapa ir fiksēta platuma parasti var redzēt no dizaina.

Un tur nav "labāk" vai "sliktāk". Ir tā kā dizaineris/māksliniece grib.

Vispāŗ to vajadzētu varēt pateikt no tā , vai tā bilde "turas" vienmēr pie loga malas ( kreisajā pusē )

vai arī pie lapas satura ( tb. pie #wrapper ).

Un priekšrocības īsti nekādas nav. Vienkārši pastāv princips, ka labā kodā nav (daudz) lieku tagu.

Anyway.

No tā ko tu parādīji otrajā bildē ... emm .. netaisi to fonu caurspīdīgu iekš #wrapper.

NEvajag. Drausmīgs čakars uz IE6 un IE7.

Nez.. bez visa dizaina baigi grūti spriest.

Vai lapa ir fiksēta platuma ?

Ja jā, tad daļu fona tu uzliec uz <body> taga , un pārējo uz pašu #wrapper.

Vismaz tā es to taisītu.

Nevaru neko iedot .. bildei klāt nevar tikt "Permission denied - this album is private."

Anyway, rodas sajūta, ka renathy'ai neviens nav pateicis, ka <body> un <html> arī ir tagi.

Un uz tiem arī var likt bildes.

Ja pamatus jau esi apguvis, tad IMO, labākais veids kā apgūt vēl kaut ko ir palīdzēt citiem risināt ar CSS/HTML saistītās problēmas.

Ismaz es pats tā daru.

Varu rekomendēt irc.freenode.org servera #css kanālu.

Rīki : nez ... gimp, aptana, browseri.

Ja tu neizdzēs eventus, uz IE rodas memory leak.

Tas ir zināms bugs, tātad , tā ir šī skripta problēma.