Pomoc oko tabless dizajna (CSS pomoc)

[ WOW @ 04.07.2007. 12:21 ] @

Moze li neko a mi pomogne oko dve stranice...
Na prvoj se nalazi samo jedan flash film dimenzija 760*560 i treba mi da on bude postavljan na sred strane ali pomocu CSS-a. Film se nalazi u div tagu id je flashcontent (mada nije bitno) i samo mi treba pomoc kako u CSS-u da ga napravim da se nalazi na sredini strane i da je kompatibilno sa svim browserima

Druga stranica je 6 div tagova (id1, id2 ... id6) i trebaju mi postavljeni kao sto je naznaceno na slici (isto su flash filmovi u pitanju) a da kolektivno zajedno isto budu na sredini stranice. Isto molio bih bez ikakvih tabela ako je moguce.

Pretpostavljam da iskusnom dizajneru nije veliki problem, hvala unapred...

[ CtrlAltDel @ 04.07.2007. 12:45 ] @

evo za divove...

Code:

<center>
<div style="position:relative; width:760px">

<div id="id1" style="position:absolute; left:0px; top:0px; background-color:#00ff00; height:80px; width:100%"> </div>
<div id="id2" style="position:absolute; left:0px; top:80px; background-color:#ff6262; height:435px; width:210px"> </div>
<div id="id3" style="position:absolute; left:210px; top:80px; background-color:#00ccff; height:140px; width:540px"> </div>
<div id="id4" style="position:absolute; left:210px; top:220px; background-color:#cccc00; height:295px; width:540px"> </div>
<div id="id5" style="position:absolute; left:0px; top:515px; background-color:#000066; height:45px; width:100%"> </div>
<div id="id6" style="position:absolute; right:0px; top:80px; background-color:#ff00ff; height:435px; width:10px"> </div>
</div>
</center>

za flash ti mozda ovo bude interesantno>
http://blog.deconcept.com/2005...d-100-width-xhtml-flash-embed/

[ WOW @ 04.07.2007. 12:54 ] @

joj pa nisi morao i sa pozadinskim bojama da se mucis to je samo da se lakse raspozna gde se sta nalazi, inace hvala ovo radi...

samo jos jedna stvar treba mi da sve ukupno bude u sredini i horizontalno i vertikalno, znam kako da izvedem tabelom ali bih radije preko css-a

inace znam za (i koristim) SWFobject i ne treba mi da je film razvucen preko cele strane nego bas da bude 760*560 u centru... ali dobro ok najbitnije mi je ovo sa 6 divova...
hvala puno jos jednom

[ CtrlAltDel @ 04.07.2007. 12:58 ] @

znam ovo za bgcolor da je primer, ali rekoh lakse ce i tebi biti ako "ofarbam"...
sigurno nisi lud da stavljas takve boje :)
e vertikalno pozicioniranje sa css je malo gnjavez, proguglaj...
ima raznih resenja...

[ WOW @ 04.07.2007. 13:15 ] @

ok pogledacu na googlu i ako nadjem postovacu ovde ako jos nekom zatreba
a ako ne nadjem mucicu ljude na forumu jos malo

jos samo jedno kratko pitanje koliko je nepozeljno div unutar diva (ili 6 divova unutar diva)?

[ CtrlAltDel @ 04.07.2007. 20:01 ] @

pa ovako ovi unutarnji uzimaju koordinate u odnosu na gornji...
u suprotnom slucaju da ne postoji taj "glavni" divovi bi se pozicionirali u odnosu na browser pa bi se "setali" u firefoxu npr. ...
nisam bas najsrecnije objasnio :)

[ WOW @ 05.07.2007. 12:59 ] @

ej pa CtrlAltDel ja kad sam citao tvoj code nisam uopste ni primetio da si i ti stavio 6 divova unutar jednog diva... nekako sam samo video ovih 6 divova i center tag koji mi se iskreno i nije svideo pa sam na brzinu razmisljao cime da ga zamenim i palo mi na pamet da stavim master div... mrzim kad se ovo desi :P

nego sve radi super uspeo sam da pozicioniram u centru i vertikalno i horizontalno, doduse koristi jednu tabelu ali ajde valjda jedna nije toliko strasna...

kad uploaduje tamo njihov webmaster moje fajlove postavicu temu u kritikama i link ovde pa eto mozes i da ocenih delo koje si pomogao da se napravi...

a ako neko zeli html/css code koji pozicionira vertikalno pitajte (ovde)...

jos jednom hvala CtrlAltDel

[ mdostanic @ 22.07.2007. 21:21 ] @

HTML file

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet"type="text/css" href="stil.css" />

<title>Naslov</title>
</head>
  <body>

  <div id="centar">

    <div id="id1">ID1</div>

    <div id="drzac">

      <div id="sadrzaj">

        <div id="id3">id3</div>
        <div id="id4">id4</div>

      </div>

    </div>

    <div id="id2">ID2</div>

    <div id="id6">.</div>

    <div id="id5">ID6</div>

  </div>

  </body>
</html>

CSS file

Code:

#centar {
width:760px;
margin:0 auto;
}

#drzac {
float:left;
width:100%;
}

#id1 {
width:760px;
height:80px;
background-color:#00ff00;
}

#id2 {
width:210px;
float:left;
min-height:435px;
margin-left:-760px;
background-color:#ff6262;
}

#sadrzaj {
margin:0px 10px 0px 210px;
min-height:435px;
}

#id3 {
width:540px;
min-height:140px;
background-color:#00ccff;
}

#id4 {
width:540px;
min-height:295px;
background-color:#cccc00;
}

#id5 {
width:100%;
height:45px;
clear:left;
background-color:#000066;
}

#id6 {
float:left;
width:10px;
margin-left:-10px;
background-color:#ff00ff;
min-height:435px;
}

Inace ovo radi u FF, nisam proverio u IE...

[ WOW @ 23.07.2007. 11:55 ] @

ma ok hvala snasao sam se ja...
kao sto sam rekao kada njihov webmaster uploaduje moje fajlove poslacu link ovde pa mozete svi da pogledate moj prvi sajt