Content vs. 3 coloane

**too_night** · 26th July 2006, 03:38

Referitor la discutia asta: http://forum.seopedia.ro/showthread.php?t=1923

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?

**Razvan Pop** · 26th July 2006, 10:51

@too_night: Ai cumva sursa sa aruncam si noi o privire? Sa macar sa vedem structura?

**Ben Boingeanu** · 26th July 2006, 13:11

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>

**too_night** · 26th July 2006, 14:49

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.

**Ben Boingeanu** · 26th July 2006, 14:51

Ne intereseaza varianta la care lucrezi acuma... sa stim acolo ce vrei si sa vedem ce nu merge...

**too_night** · 26th July 2006, 15:25

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:

#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.

**Razvan Pop** · 26th July 2006, 16:06

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.

**Ben Boingeanu** · 26th July 2006, 16:22

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.

**too_night** · 26th July 2006, 16:55

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...

**Razvan Pop** · 26th July 2006, 16:57

Tare faza...

Probabil ar trebui ca si banner-ul sa fie sub continut.

Subiect: Content vs. 3 coloane

Instrumente subiect

Afișează