Datuve :: Forums :: Arhīvs :: div float: lef;

Datuve

Mana Datuve

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



Forums

Ieskaties


Raksti

Lietotāji online

Lietotāji online: 82

Reģistrētie lietotāji online: 0

Viesi online: 82

Datuve.lv video
Top.LV

div float: lef;

Ievietoja: fagos @ 2011.10.20 22:13  

Varbūt kāds var palīdzēt???

Kāpēc ja <div> norāda float: left; tad tas atrodas zem "mātes" <div> bloka un nevis iekšā?

<div id="header">
Teksts teksts teksts teksts
teksts teksts teksts teksts

   <div id="column_left">
   teksts teksts teksts teksts
   </div>  <!-- column_left -->

</div> <!-- header -->

Komentāri:

#1 l33t @ 2011.10.20 22:27

uzstaisi vel vienu div un uzliec float right ;]

#2 fagos @ 2011.10.20 22:46

Pamēģināju, bet diemžēl nekas nemainās. Abi bloki ir ārpus "mātes" div bloka

#3 l33t @ 2011.10.20 22:53

likas rokas , position kads /? vai vispar tads ir

#4 izluks @ 2011.10.20 23:02

A ko tu gribi panākt, šito? display: inline-block

#5 Sternwolf @ 2011.10.21 00:45

float:left elementiem jābūt iekš atsevišķa DIVa un vel beigās piemet vienu DIV ar clear:both

#6 Marshal @ 2011.10.21 01:05

#header{overflow:hidden;}

Kāpēc jākomentē, ja pašiem nav sajēgas kas, ko un kāpēc?

#7 Recy @ 2011.10.21 02:45

Kaapeec jaapaliidz veidot invaliidus? Peectam shaads indiviids atnjems Tev darbu, jo buus ar apziimogotu papiiriiti, bet Tu- vienkaarshi ar savaam zinaashanaam, bez papiiriisha

#8 Marshal @ 2011.10.21 03:13

Nu, ar papīrīti vien nepietiks. Un palīdzu ar cerību, ka ar laiku no invalīda izaugs valīds. Mana mūžīgā skolotāja mentalitāte.

#9 Recy @ 2011.10.21 03:39

#8

es arii neesmu buutiibaa ljauns subjekts, bet labi redzu, kaa beigu beigaas peec visaam paliidziibaam tieku paarmests/izmantots. Kaa visaadi tirlinji salien straadaat tur, kur neko nesajeedz. Varbuut savu komentaaru rakstiiju zjults spiediena ietekmee, nez. sorry, ja kaadu aizvainoju.

P.S. Man tas papiiriitis ir, zjeel tos skaistos gadus, lai tik vienkaarshi utilizeetu.

#10 cTaPuK @ 2011.10.21 09:23

img
{
float:left;
}
p.clear
{
clear:both;
}

Izmanto clear:both;

#11 bot_x5 @ 2011.10.21 09:54

neprotu atbildēt uz konkrētu jautājumu ar konkrētu atbildi :D

#12 Marshal @ 2011.10.21 13:50

#10 #11 nu kas tie par murgiem? Jautājumā ir konkrēts div koks, ar konkrētu jautājumu. Izgudrojam Andri?

#13 Sternwolf @ 2011.10.21 14:03

#12 konkrēts bet nepareizs koks

#14 Marshal @ 2011.10.21 14:32

#13 pamato, kāpēc tas būtu nepareizs koks.

#15 Jaanis @ 2011.10.21 14:56

Jūs visi esat piemirsuši tādu arhaisku lietu, tāpēc arī nesanāk.

#16 bot_x5 @ 2011.10.21 18:25

Robert, bet pasaki man, kur es nokļūdijos un kāpēc, pēc taviem ieskatiem, pareizāk būtu mammā likt overflow:hidden? PIekrītu, ka clear:both nav vēl pats prātīgākais risinājums,jo, lai strādātu uz populārāko pārlūku dažādām versijām zem konkrētām os ir jānorāda vēl papildu parametri, kas padoti piem. IE6 vai vecākam safari .

Es, laikam iedomājos, kāpēc Stern* saka, ka tas ir nepareizs koks:
a) teksts nav tagos
b) komentāri nevietā
c) otrā id vietā prātīgāk būtu likt klasi

NEzinu, varbūt kļūdos savos vārdos, jo man nav nekādas teorētiskās zināšanas, bet ...  nekad nav par vēl kādu uzklausīt... :D

#17 Sternwolf @ 2011.10.21 19:02

ko Tu vispār tur vēlies panākt? ja gribi tekstu kolonnās tad šeit ir tutorialis
http://inter.lv/tool/23/css3-columns-with-content-floating

#18 bot_x5 @ 2011.10.21 19:23

0_o , tagad es paliku bez komentāra, neskatoties, ka paraugu ieliki savā mājas lapā, bet pēc saviem ieteikumiem nevadies...
http://inter.lv/raksts/19/majas-lapas-kvalitate

iekš<h2>Pārbaudiet, kā izskatās lapa citos pārlūkos</h2>

#19 Sternwolf @ 2011.10.21 19:38

tas paraugs tur man jau kādu pusgadu stāv
Mūsdienu pārlūkos viss ir ok

#20 Marshal @ 2011.10.21 20:30

bot_x5 rakstīja:

Robert, bet pasaki man, kur es nokļūdijos un kāpēc, pēc taviem ieskatiem, pareizāk būtu mammā likt overflow:hidden? PIekrītu, ka clear:both nav vēl pats prātīgākais risinājums,jo, lai strādātu uz populārāko pārlūku dažādām versijām zem konkrētām os ir jānorāda vēl papildu parametri, kas padoti piem. IE6 vai vecākam safari .

Es, laikam iedomājos, kāpēc Stern* saka, ka tas ir nepareizs koks:
a) teksts nav tagos
b) komentāri nevietā
c) otrā id vietā prātīgāk būtu likt klasi

NEzinu, varbūt kļūdos savos vārdos, jo man nav nekādas teorētiskās zināšanas, bet ...  nekad nav par vēl kādu uzklausīt... :D

Vairs jau pateikt nevaru, jo tavs kods ir izzudis no komentāriem, bet ja reiz teicu, ka neder, tātad neder.

Komentāri nevietā? Kas par muļķībām, kopš kura laika ir predefinēts kur programmētājs liek komentārus? Kur uzskata par vajadzību, tur komentē.
Otrā ID vietā klasi? Kapēc? Pieņemu, ka šajā gadījumā viņam tas būs unikāls navigācijas vai galvenes elements ar unikālu kārtojumu, ID ir ievietots korekti.
Tas, ka teksts nav teksta tegos arī nav īsti kļūda, ir pieņemts tos likt tegos, bet tas nav un nekad nav bijis obligāts priekšnoteikums. Div pats par sevi ir satura ieskautnes elements, kurā kā jau noproti, paredzēts likt saturu. Nekur nav teikts, ka nedrīkstētu ievietot divā neieskautu tekstu.

Kaskāde pret plūsmu blokiem, jeb floatiem izturas kā pret ārpus plūsmas objektiem. Izmantojot clear elementus tiek piesārņots DOM's ar liekiem elementiem. Labi, vienreiz ieliksi clearbothu, otreiz, trešoreiz, pie lielākas lapas jams sagāzīs viņu serverpuses ciklā un pasarg dies clearos katru float konteineri ģenerējot viņa DOM'u diezgan sajātu. Pārplūdes kontrole, jeb overflow ļauj elementam, kuram nozīmēts overflow automātiski pielāgoties saturam piedevām neļaujot tam iziet no fiksētām robežām, ja tādas ir, un ļauj tam self-clear'oties Divi zaķi ar vienu šāvienu, mazāks DOM footprints un veselīga karma.

#21 bot_x5 @ 2011.10.21 23:23

Komentāru izdzēsis biju, bet tur bija vienk. beigās pielikts jauns divs ar clear...

Par komentāriem - jā, tā ir brīva izvēle, bet autoram laika gaitā pašam pieriebsies ar tiem komentāriem... un ja būs vairākus simtus rindu garš kods - ej un saproti kur sākums/kur beigas - tas bija vairāk kā ieteikums.

Par klasi...  nestrīdēšos, tev taisnība, man ierasts klases izmantot iekš css un id iekš js, id iekš css izmantoju reti.

Par tekstu bez tagiem - te gan es gribētu lamāties... beigās pats sev sataisīs tikai problēmas ar formatēšanu un t.t. it īpaši ja apakšā būs vēl elementi, kuriem mainīsies fonti/izmēri un t.t.

Labi, pasaki godīgi, šobrīd tu izej uz principu - nav rakstīts un t.t., bet tev kā programmētājam ielienot svešā kodā, kur viss uztaisīts, pēc autora vadīšanās stila - būtu ērti strādāt un veikt prasītās modifkācijas, ja vēl pasaka termiņš=vakardiena?

================
Paldies par skaidrojumu, jo meklējot ārzemju saitos atradu daudz dažādus risinājums, bet paprovēšu pāriet no clear uz tavu variantu un paskatīties kas notiekas pie lielākām noslodzēm, jo uz šito nebiju īsti iedziļinājies.

#22 Sternwolf @ 2011.10.21 23:54

CSS klases lieto elementiem kas atkārtojas, bet id kas ir unikāli

#23 puma999 @ 2011.10.23 01:35

Recy rakstīja:

Kaapeec jaapaliidz veidot invaliidus? Peectam shaads indiviids atnjems Tev darbu, jo buus ar apziimogotu papiiriiti, bet Tu- vienkaarshi ar savaam zinaashanaam, bez papiiriisha

RECY===PROFESIONĀLS DIRSĒJS " KĀ VIENMĒR- ARGUMENTI:  "Pievienojās 2009.01.25 20:55 (Pirms 142 nedēļām)
Pēdējoreiz redzēts Vakar 07:40 (Pirms 17 stundām)
Klase Reģistrēts lietotājs
Rakstu komentāri 36
Foruma komentāri 1488"
TEV LAIKAM VISI TĀDI KOMENTĀRI IR TIE 1488.......
IETEIKUMS: NOPĒRC SEV JAUNAS SMADZENES , PENTIUM 3 VAIRS NAV MODĒ..           2. AIZEJ PIE PSIHOLOGA          3.          IEMĀCIES RAKSTĪT LATVIEŠU VALODĀ .....