Content vs. 3 coloane

Versiune printabilă

26th July 2006, 02:38
too_night

Content vs. 3 coloane

Referitor la discutia asta: http://forum.seopedia.ro/discutii-generale-privind-optimizarea-si-motoarele-de-cautare/1923-anchor-diferit-aceeasi-pag.html

Site-ul e facut din CSS pe 3 coloane; acum, contentul e pe locul 2 in sursa si am incercat sa il pun primul cu atributul "absolute", cum imi spunea Ben; am reusit asta doar in Firefox, in IE aratand ca dracu' (am modif.doar div-ul content, celelalte doua ramanand pe " float: left/right"); trebuie sa modific toate div-urile si sa construiesc totul cu "absolute" ca sa arate normal si in IE, sau cum?!?? Ben? :confused:
26th July 2006, 09:51
Razvan Pop

@too_night: Ai cumva sursa sa aruncam si noi o privire? Sa macar sa vedem structura?
26th July 2006, 12:11
Ben Boingeanu

dupa cum zicea si razvan, fara cod nu putem face nimica :(

dar uite un exemplu care merge:

Cod HTML:

<html> <head> <style type="text/css"> #header { position: absolute; top: 30px; } #continut { position: absolute; top: 260px; //* la ce distanta sa coboare de sus *// } </style> </head> <body> <div id="continut">asta vine jos</div> <div id="header">asta vine sus</div> </body> </html>
26th July 2006, 13:49
too_night

Pai e vb.de site-ul meu, cel din semnatura; sa copiez sursa si sa o pun aici?!?

Eu am mutat <div id="content"> inaintea lui <div id="meniu">, in cod sursa si am lucrat doar la #content cu position absolute; la coloana din stanga (#meniu) si cea din dreapta (#sidebar) nu am umblat, ele stau bine acolo (sunt float: left/right) chiar si daca sterg #content.
26th July 2006, 13:51
Ben Boingeanu

Ne intereseaza varianta la care lucrezi acuma... sa stim acolo ce vrei si sa vedem ce nu merge...
26th July 2006, 14:25
too_night

Mai, se pare ca io inteleg mai greu zilele astea; din alea 3 coloane, #content e pe locul 2 in ordinea sursei (dupa #meniu); ei bine, eu vreau sa-l pun pe primul loc; din ce-am modificat eu in CSS (la#content, pe care l-am facut cu "absolute", dupa ce l-am pus primul in sursa), n-a iesit ceva ok (in Firefox doar, in IE varza).

Asta-i #content de acum:

Citat:

#content {

border-left: 1px solid #f0f0f0;

border-right: 1px solid #f0f0f0;

padding: 0 10px 0 10px;

line-height: 1.3em;

text-align: justify;

font-size: 0.9em;

width: 378px;

float: left;

margin-right: 10px;

margin-left: 10px;

color: #214141;

background-color: #F8F8F8;

}

Intrebarea e: ce sa-i fac astuia de acum ca sa stea cuminte intre celelalte 2 coloane, cu el primul in sursa?

Daca nici ac.nu ne intelegem, o putem lasa.
26th July 2006, 15:06
Razvan Pop

Salut,

Uite o solutie:

Cod HTML:

<!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" xml:lang="ro" lang="ro"> <head> <title>Layout 3 coloane</title> </head> <style type="text/css"> body { margin: 0; padding: 0; } div#rama { width: 760px; margin: 0 auto; position: relative } div#main { width: 760px; background-color: #000000; top: 110px; position: absolute; padding: 4px 0; } div#header { position: absolute; top: 5px; width: 760px; height: 100px; background-color: orange; } div#content { width: 400px; float: left; background-color: yellow; height: 400px; } div#dreapta { width: 180px; float: right; background-color: blue; height: 400px; } div#stanga { width: 180px; float: left; background-color: lime; height: 400px; clear: none; } </style> <body> <div id="rama"> <div id="main"> <div id="stanga"> Stanga </div> <div id="content"> Content </div> <div id="dreapta"> Dreapta </div> </div> <div id="header"> HEADER </div> </div> <div id="footer"></div> </body> </html>

In acest moment #header e sub #main. Dat fiind faptul ca tu ai trei coloane mai tre` un workaround sa pun #content inainte de #stanga, dar asta mai pe seara. Spor.
26th July 2006, 15:22
Ben Boingeanu

asta vroiai sa faci? a fost unpic de treaba pana am rezolvat problemele din IE, dar cu niste hack-uri ad-hoc am rezolvat repede.
26th July 2006, 15:55
too_night

Shit, ala-i site'u meu!! Ba chiar unu'mai bun!:)
Da! aia vroiam sa fac.
Multumesc mult!! (la amandoi).
Ben, mai lasa-l si tu 5 min ca sa-l copiez si eu...:))
26th July 2006, 15:57
Razvan Pop

:))

Tare faza...

Probabil ar trebui ca si banner-ul sa fie sub continut. ;)
26th July 2006, 16:02
Ben Boingeanu

Acuma sper sa intelegi ce am modificat pe acolo ( 2 clase noi si inca cateva ajustari in cod ). Header-ul nu l-am mai mutat pt ca era doar o linie de cod si trebuiau alte hack-uri ca sa mearga bine. :(
26th July 2006, 16:04
too_night

De ce tare faza? Asta am zis ca vroiam sa fac. Coloanele stanga/dreapta o sa mai creasca cu timpul si destul, probabil. Prefer sa fie content-ul inaintea altor balarii. Sau n-am inteles eu gluma ta...
26th July 2006, 16:05
Ben Boingeanu

Citat:

Postat în original de too_night

Shit, ala-i site'u meu!! Ba chiar unu'mai bun!:)

Presupun ca la asta se referea cand zicea Tare faza. :cool:
26th July 2006, 16:10
too_night

Citat:

Postat în original de ben

Acuma sper sa intelegi ce am modificat pe acolo ( 2 clase noi si inca cateva ajustari in cod ). Header-ul nu l-am mai mutat pt ca era doar o linie de cod si trebuiau alte hack-uri ca sa mearga bine. :(

Acum studiam. Da-l in ..de header. Oricum Razvan cre'ca facea misto pe tema asta.
thx again.
26th July 2006, 16:18
too_night

Citat:

Postat în original de ben

Presupun ca la asta se referea cand zicea Tare faza. :cool:

A.., scuze atunci; le inteleg eu ca dracu'n ultimul timp.
26th July 2006, 16:23
Razvan Pop

Citat:

Postat în original de too_night

Shit, ala-i site'u meu!! Ba chiar unu'mai bun!:)

La asta ma refeream. Nu faceam misto de nimic. :)
26th July 2006, 16:26
too_night

Citat:

Postat în original de Razvan Pop

La asta ma refeream. Nu faceam misto de nimic. :)

Mea culpa. :(