☰

» »

[css] element DIV kot TABLE

[css] element DIV kot TABLE

NeOman ::

Zivjo,

spet se oglasam z manjso tezavo. A ma tko izmed vas izkusnje, kako uspesno nadomestit tabelo z elementom div. No, tezava je naslednja - jo opisem kar na primeru.

Recimo da imamo tabelo 1x3 (1 vrstica, 3 stolpci) in jo zelim realizirat z elementom DIV. Naredim en 'wrapper' in dodam notri 3 div-e, enega levo (sirina 10px) enega v sredino (sirina ne sme biti dolocena - pomembno pa je, da background image zapolni cel div) in enega desno (sirina 10px).

Tezava nastopi pri srednjem, ce nastavim sirino 100% sta div1 (levo) in div2(desno) postavljena v ospredje in ce dam kaksno transparent sliko v ozadje se pojavi background srednjega tudi na tistem transparent delu). Kaksna resitev?

Da bo zadeva bolj jasna, dodajam se sliko:



Ze vnaprej se vam zahvaljujem za pomoc.

mte ::

Srednjemu elementu ne podajaj širine, ampak margin-left in margin-right za toliko, kolikor sta široka robna elementa.

lp

NeOman ::

Hvala, vendar ne bo slo, ce uporabim margin se pri sirini 100% uposteva sirina containerja ('wrapper') in mi zadevo razsiri se za dodatnih 10px v desno - pojavi se horizontalni drsnik. Se kaksna ideja?

mte ::

Nobenega drsnika ne vidim tule, bogve kaj ti urejevalnik napacka v kodo. Seveda spodnji primer ni niti približno primer dobre ločitve vsebine od stilov, da se ne bo kdo vpičil v to, ampak za demonstracijo bo.

<div id="wrapper">
  <div id="d1" style="background:red; width: 50px; float: left">dsf</div>
  <div id="d2" style="background:red; width: 50px; float: right">dsf</div>
  <div style="background: yellow; margin: 0 60px;">gfdgd</div>
</div>


lp

Road Runner ::

Ne rabis podajati sirine, saj bo div sam po sebi zapolnil ves prostor ki mu ga das na voljo.
http://dusan.fora.si/blog/ (742617000027)

NeOman ::

Ah, koncno deluje - hvala obema.

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 4 … 23 24 25 26 )

Oddelek: Izdelava spletišč		1298347008 (6145) sunniegoldie
»

Pomoč pri css

Oddelek: Izdelava spletišč		8950 (825) Jerry000
»

Podrta oblika strani

Oddelek: Izdelava spletišč		131402 (1081) echoman
»

CSS problemi (strani: 1 2 )

Oddelek: Izdelava spletišč		519863 (7662) nuuush
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč		133077 (2943) Road Runner

Več podobnih tem