» »

CSS dimenzije in pozicije

CSS dimenzije in pozicije

biasko ::

Živjo!

Imam težavo s CSSom.

Imam tabelo s tremi stolpci. V levem in desnem stolpcu tabele bi rad dodal rob strani. Zgoraj in spodaj imam grafiko fiksne višine, vmes pa mora biti določena barva. Ker je v srednjem stolpcu tabele tekst, mora biti področje barve variabilno.
Želel bi torej postaviti 3 div-e eden pod drugega. Prvi in zadnji div imata določeno fiksno višino. Vmesni div pa mora biti raztegnjen čez celoten stolpec.

Najlepša hvala za vsako pomoč!

vorantz ::

bog pomagaj!
delaj samo z divi ne neki mešat tabele zravn za obliko ;((

WarpedGone ::

Ja, bog pomagaj vsem, ki so padl v HTML/CSS hell.
Zbogom in hvala za vse ribe

biasko ::

bog mi pomagaj.

Mi lahko mogoče vi kako se tega lotiti?

<div glavni>
  <div levi>
     <div zgoraj></div>
     <div raztegljiva_sredina></div>
     <div spodaj></div>
  </div>
  <div sredina></div>
  <div desni>
     <div zgoraj></div>
     <div raztegljiva_sredina></div>
     <div spodaj></div>
  </div>
</div>



Hvala!

Trinitron ::

Stolpca levi in desni pozicioniraj absolutno, sredini nastavi padding.

_Dormage_ ::

Si to mislil?

<style>
#glavni{
  height: 500px;
  width: 800px;
  background-color: green;
  margin:0 auto;
}
#desni{
  float:right;
}
#levi{
  float:left;
}
#zgoraj{
  height:100px;
  width:200px;
  background-color: red;
}
#spodaj{
  width:200px;
  height:100px;
  background-color: red;
}
#raztegljiva_sredina{
  width:200px;
  background-color: blue;
}
</style>

<div id="glavni">
  <div id="levi">
     <div id="zgoraj">zgoraj</div>
     <div id="raztegljiva_sredina">sredina.. div se bo povečjal glede na vsebino</div>
     <div id="spodaj">spodaj</div>
  </div>
  <div id="sredina"></div>
  <div id="desni">
     <div id="zgoraj">zgoraj</div>
     <div id="raztegljiva_sredina">sredina sredina</div>
     <div id="spodaj">spodaj</div>
  </div>
</div>

Zgodovina sprememb…

MisterR ::

biasko ::

najlepša hvala!!!

Vedno sem pisal height=100% a očitno ni treba.

biasko ::

Ah K....nočem imeti fiksne višine v contentu

Ko vtipkam tekst v tole zadnjo rešitev je ok. Kaj pa če notri prilimam div-e. Zakaj se content ne poveča??

http://jsfiddle.net/2aqhQ/12/

AHAAA display: inline-block; bo rešitev .... lp

Zgodovina sprememb…

  • spremenilo: biasko ()

MisterR ::

Pri postavljanju strani (take ki jih ti delaš) ne potrebuješ relative/absolute.
Nauči se pisat kratko kodo, namesto margin-top,margin-bottom uporabljaj margin:top right bottom left ali pa border:2px dotted #000;
http://jsfiddle.net/sVhgQ/

Zgodovina sprememb…

  • spremenil: MisterR ()

biasko ::

Hja nekako mi deluje ali pa tudi ne. Zakaj mi spodnji primer ne raztegne rumenega okna in zakaj se rdecega sploh ne vidi?

http://jsfiddle.net/sVhgQ/9/

hvala!

biasko ::

malce sem pobrisal css in ocitno deluje

http://jsfiddle.net/sVhgQ/13/

marjan_h ::

Pozdrav,

Poskušam pozicionirati div tab tako, da bi bil od zgornjega roba browserja oddaljen 0px, od leve in od desnega pa bi bil tako, da bi bil vedno na sredini, ne glede na resolucijo.

#tab{
	border-style:solid;
	border-width:2px;
	height:100px;
	padding:10px;
	width:80%;
}




Če uporabim margin, mi naredi za vse robe enako.

Hvala za pomoč.

boro10 ::

Mogoče tako:

margin-left: auto;
margin-right: auto;
Pozdrav

marjan_h ::

Najlepša hvala.

Kako pa naredim da bo od zgornjega roba 0px?
Če napišem top:0px, se ne zgodi nič.

boro10 ::

Pojdi v minus.

margin-top: - X px;
Pozdrav

MisterR ::

pa body mora met padding in margin 0

marjan_h ::

Ja pa res obe stvari delujeta. Hvala.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298344511 (3648) sunniegoldie
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61833 (1713) jonystar
»

CSS - DIV - Brez Tabele

Oddelek: Izdelava spletišč
231582 (1285) jernejp
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62441 (2388) amaze646
»

Lampp problem

Oddelek: Izdelava spletišč
71686 (1589) Slovenia13

Več podobnih tem