ugrás a tartalomhoz

DIV-ek egymás mellé

Anonymous · 2005. Jún. 21. (K), 18.02
Sziasztok!

Valszeg csak en vagyok ilyen bena, hogy nem tudok rajonni mit is rontok el, de... szoval van ket div, amit egymas melle kene tennem:
a css:
#main {
    width: 750px;
    background: #fff;
    text-align: left;
    margin: 0px auto;
    border: 1px solid #81201E;
}

#left_col {
    float: left;
    width: 200px;
    height: 400px;
    background: #E0D8C9 url("../images/dot.gif") right repeat-y;
}

#right_col {
    float: right;
    margin-left:10px;
    width: 540px;
    height: 400px;
}


a html:
<div id="main">
<div id="left_col">df</div>
<div id="right_col">Ide jön a tartalom</div>
</div>


Koszi a segitseget!
Johnny
‹ CSS div -ben táblázat Egérkattintásra lenyíló menü CSS-el. Lehetséges? ›
 ■
1

mindegyik float: left

Off- · 2005. Jún. 21. (K), 19.02
mindegyik float: left

szerkesztve: jah most latom, bocs elneztem :(

na szoval main div width: 760, vagy ne adj meg neki hatarozott szélességet, egyszeruen nem fer bele
2

Igen, attol meg nem lesz az

Anonymous · 2005. Jún. 21. (K), 19.08
Igen, attol meg nem lesz az igazi... Nem hiszem el, hogy ezzel szivok... :\
3

a lényeg h nalad width:

Off- · 2005. Jún. 21. (K), 19.10
a lényeg h nalad width: 750, van 2 div benne 200 és 540, van 10 margin és 1 border! el az 751 px !
4

Igen, ez vilagos, ha

Anonymous · 2005. Jún. 21. (K), 19.12
Igen, ez vilagos, ha Explorerben nezem, akkor jo is, viszont FF-ben nagyon nem...
5

DOCTYPE

attlad · 2005. Jún. 21. (K), 19.23
Melyik HTML/XHTML verziót használod? Strict DOCTYPE-ot használj! Pl. HTML 4.01 Strict. IE 5-ös verziókhoz meg box modell hack kell mert az rosszul kezeli a dolgokat.

Attila
6

Ezt

Anonymous · 2005. Jún. 21. (K), 19.25
Ezt hasznalom:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Biztos, hogy valami baromi egyszeru megoldasa lesz az ugynek... :)
8

Mi nem jó?

attlad · 2005. Jún. 21. (K), 20.11
Mi az ami neked máshogy jelenik meg Firefox alatt?

Attila
9

Firefox alatt egymas ala

Anonymous · 2005. Jún. 22. (Sze), 00.09
Firefox alatt egymas ala kerult a ket div valahogyan, de most mar jo.

css:
#main {
    width: 750px;
    height: 410px;
    background: #fff;
    text-align: left;
    margin: 0px auto;
    border: 1px solid #81201E;
}

#left_col {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    width: 190px;
    height: 400px;
    background: #E0D8C9 url("../images/dot.gif") right repeat-y;
}

#right_col {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    width: 538px;
    height: 400px;
}


html:
<div id="main">
    <div id="left_col">Ide jönnek a képek!</div>
    <div id="right_col">Ide jön a tartalom!</div>
</div>


Kosz mindenkinek!!!
10

IE 5.x

attlad · 2005. Jún. 22. (Sze), 15.18
Szerintem nézd meg, hogy a fenti IE 5-ös verziók alatt is ugyanúgy néz-e ki, ahogy szeretnéd. Vagy IE 5.x helyett jó az is ha megnézed IE 6-tal DOCTYPE nélkül.

Attila
11

Igen-igen, igy mar nem az

Anonymous · 2005. Jún. 22. (Sze), 18.41
Igen-igen, igy mar nem az igazi... Tudom, hogy ez nem jo hozzaallas, de nem igaz, hogy normalis, aki a mai napig IE5-ot hasznal... :)
12

Elérhetőség

attlad · 2005. Jún. 22. (Sze), 19.59
Hát igen, nem a legújabb. De a cél többnyire azért az is, hogy a látogatók minnél szélesebb köre használhasson egy oldalt. Tehát ha 1-1 plusz sor beszúrásával elérhető, hogy annál a plusz 5-10%-nál is jól jelenjen meg, akkor talán megfontolandó, főleg, mert kb. 0 pluszmunka (ebben az esetben) és semmilyen hátránya nem lesz a többi felhasználónak belőle.

Attila
7

nálam jó

Jano · 2005. Jún. 21. (K), 19.27
Nekem egymás mellett van a 2.