ugrás a tartalomhoz

Két div egymás mellett

Pred · 2006. Ápr. 26. (Sze), 17.49
Sziasztok!

A problémám az lenne, hogy két résznek az oldalon egynás mellett kéne lennie, viszont nem meghatározható, hogy az oldal tetejétől mikor mennyire vannak... Ebben kérem segítségeteket.

A fent említett kódrászlet következő:

<div class='content'>
 <div class='smallBox_left'>
  Ez a bal oldali rész
 </div>

 <div class='smallBox_right'>
  Ezt kéne a bal mellé rakni valahogy.
  A position: relative; tulajdonsággal az a baj, hogy nem
  adott a bal oldali elem magassága, ezért nem adhatok meg fix negatív 
  helyet.
 </div>
</div>
Szóval ezt a két divet kéne egymás mellé pakolni valahogy...
position: absolute kizárva
JS-n nem szeretnék ide rakni
Táblázat nélkül szeretném megoldani, de nagyon nem akarja az igazságot...

Előre is köszönöm
 
1

kis kiegészítés

Pred · 2006. Ápr. 26. (Sze), 17.58
a position: absolute azért nem jó, mert van még alatta tartalom és ennek nem ismert a magassága
2

Float?

-zsolti- · 2006. Ápr. 26. (Sze), 17.58

.smallBox_left {
  width: 100px;
  float: left;
}
.smallBox_right {
  width: 200px;
  float: left;
}
3

float

Skullkid · 2006. Ápr. 26. (Sze), 18.00
A smallBox_left osztálynak adj egy
float: left;
, a smallBox_right osztálynek pedig egy
float: right;
értéket.
4

majdnem jó :D

Pred · 2006. Ápr. 26. (Sze), 18.12
Köszi

A probléma egyik része megoldva.. a floatra én i gondoltam, de csak a jobb oldalinak adtam meg a float:right -ot, ezért nem akarta az igazságot :D

Egymás mellett vannak, viszont nem egy magasak :( és az alattuk lévő div-re rácsúszik a nagyobb az előző kettő közül :(
5

Olvass vissza.

Jano · 2006. Ápr. 26. (Sze), 18.33
Olvass vissza pár topikot talán a legtöbbször felmerülő probléma.
6

megtürtént :)

Pred · 2006. Ápr. 26. (Sze), 18.54
thx...

megtörtént :D

több helyről össteszedve sikeresen megoldódott a gondom :D
7

Megoldva!

Pred · 2006. Ápr. 27. (Cs), 14.08
Sziasztok!

Végül sikerült rendberakni a div-eket.. Köszönöm mindenkinek a segítséget!


Íme a CSS hozzá:

/* style.css fájl részlete: */
div.smallBox {
 width: 290px;
	border: 0px;
	padding-top: 10px;
}

div.largeBox {
 width: 593;
	border: 0px;
	padding-top: 10px;
}

div.boxTitle {
	width: 100%;
	font-size: 9pt;
	font-weight: bold;
	color: rgb(230,232,235);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
}

div.boxContent {
 background: rgb(230,232,235);
	width: 100%;
	padding-top: 10px;
}


#smallBoxTitle {
	background: transparent url(smallBoxTitle.gif) bottom center no-repeat;
	height: 17px;
	margin: 0px;
}

#largeBoxTitle {
 background-repeat: none;
	background-position: center;
	background: url('largeBoxTitle.gif') transparent;
}

#leftBox {
 float: left;
}

#rightBox {
 float: right;
}

#clearPos {
 clear: both;
}
És a HTML (ez lehet egy DIV-en belül is, vagy simán a body-ban. Nekem működik. Az eredménye remélhetőleg egy héten belül látható lesz, addig is szíves türelmeteket kérem):

<div class='smallBox' id='leftBox'>
 <div class='boxTitle' id='smallBoxTitle'>Bal oldali doboz címe</div>
 <div class='boxContent'>
  Bal doboz tartalma
 </div>
</div>

<div class='smallBox' id='rightBox'>
 <div class='boxTitle' id='smallBoxTitle'>Jobb oldal címe</div>
 <div class='boxContent'>
  Jobb oldal tartalma
 </div>
</div>
		
<div class='largeBox' id='clearPos'>
 <div class='boxTitle' id='largeBoxTitle'>Alsó doboz címe
 </div>
 <div class='boxContent'>
  Alsó doboz tartalma
 </div>
</div>
Megjegyzés (reagálás Felhő e-mailjére, amit épp most olvastam el):
Kedves weblabor szerkesztők! Attól, hogy valaki feltesz egy kérdést, majd segítenek neki és látja a megoldáshoz vezető utat, nem azt jelenti, hogy azonnal meg is oldja (pl előadásra, órára kell mennie, esetleg elhívják valahova). Mindemellett nem feltételezendő, hogy adott ember nem fogja megosztani a többiekkel a végeredményt, ha úgy látja, hogy használható!

Ezzel nem akarok senkit megsérteni, ha mégis megtettem, kérem alásan.. Elnézést tőle..

Ezúton is mindenkitől elnézést kérek, hogy 20 órával a téma felvetése után oldottam meg a problémámat és, hogy csak tesztelés után bocsátom közkinccsé.
8

tulspirázottnak érzem ezt

Hodicska Gergely · 2006. Ápr. 27. (Cs), 14.56
Ezúton is mindenkitől elnézést kérek, hogy 20 órával a téma felvetése után oldottam meg a problémámat és, hogy csak tesztelés után bocsátom közkinccsé.

Szerinted ez volt a gond?

Ezt írtad:
megtörtént :D
több helyről össteszedve sikeresen megoldódott a gondom :D

Ez szerinted mennyire sugall befejzettséget, és mennyiben azt: "hogy még dolgozom a megoldáson, és ha meglesz, akkor persze megosztom itt veletek"?


Felhő
9

megadom magam

Pred · 2006. Ápr. 27. (Cs), 15.10
valóban rosszul fogalmaztam!

az általad idézett szöveg valóban azt sugallja, hogy kész. Abban a tekintetben az is volt, hogy a 3 rész megfelelő helyre került, de valami rettenetes megjelenéssel (gyak összefolytak), ezért ma délután, mikor végeztem a sulival meg neki is álltam kicsit csinosítani.. szvsz nem tom kinek mennyire tetszik, de jobb, mint a tegnapi állapot.

még 1x elnézést mindenkitől!