Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
"Moda" tinerilor care se ...

E.on energie aplicație intre...

Masina de tuns... buruieni

Recomandare drona
 Exista un soft care sa reia autom...

Identificare plante

Cum declari o variabila care nu s...

Schimbare certificat de inmatricu...
 Poligon auto București

nelamurire legata de pret la mode...

Hotel cu restaurant si Demipensiu...

Croaziera in Mediterana de Vest 1...
 Copilot are pica pe Vladimir Putin

MicroSoft Edge: Cum pun Google in...

Dashcam

Mini server - VMware
 

Problema CSS

- - - - -
  • Please log in to reply
6 replies to this topic

#1
Krsty

Krsty

    Junior Member

  • Grup: Members
  • Posts: 91
  • Înscris: 16.05.2010
Salut. Am o problema care ma chinui de ceva timp , si am decis sa scriu aici in speranta ca ma ajuta cineva.
Deci , am nevoie ca sa centrez o pagina (margin:0 auto;) insa in fiecare parte a acestei "pagini" sa fie cite o imagine , care sa apara in dependenta de marimea monitorului , adica sa apara cite o "bucatica". Am incarcat un screenshout  ( "div 1" sa fie pe centru , iar "div 0" si "div 2" sa fie pe parti si sa "umple" spatiul ramas  , insa sa nu apara un scroolbar in jos in cazul in care marimea monitorului este mai mica decit toate cele 3 div-uri ) .
Sper ca am fost pe intelesul tuturor.

Attached Files



#2
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
Eu aș pune imaginea ca fundal...

#3
Krsty

Krsty

    Junior Member

  • Grup: Members
  • Posts: 91
  • Înscris: 16.05.2010

View Posti0nutzb, on 30th June 2010, 18:34, said:

Eu a? pune imaginea ca fundal...
In acest caz , daca marimea monitorului este mai mica , se va vedea "div 0" in intregime , iar "div 2" deja va varia , iar eu am nevoie ca la o micsorare a browserului , sa se micsoreze uniform ambele imagini (div0 si div2)

Edited by Krsty, 30 June 2010 - 17:42.


#4
neobluenet

neobluenet

    Member

  • Grup: Members
  • Posts: 489
  • Înscris: 13.08.2004

View PostKrsty, on 30th June 2010, 18:41, said:

In acest caz , daca marimea monitorului este mai mica , se va vedea "div 0" in intregime , iar "div 2" deja va varia , iar eu am nevoie ca la o micsorare a browserului , sa se micsoreze uniform ambele imagini (div0 si div2)
Pune-le celor 3 divuri proprietatea display: inline-table. Nu mai pune margin: 0 la cel din mijloc ci doar latimea, iar la celalalte pune-le inaltimea. Probabil ar merge daca le-ai pune float pe cele laterale, din nou fara latime fixa (adica auto).

#5
Krsty

Krsty

    Junior Member

  • Grup: Members
  • Posts: 91
  • Înscris: 16.05.2010

View Postneobluenet, on 1st July 2010, 07:58, said:

Pune-le celor 3 divuri proprietatea display: inline-table. Nu mai pune margin: 0 la cel din mijloc ci doar latimea, iar la celalalte pune-le inaltimea. Probabil ar merge daca le-ai pune float pe cele laterale, din nou fara latime fixa (adica auto).
AM incercat asa
<div style="background: #0F0; float:left; display:inline-table; width:auto; height:1000px;"></div>
<div style="width:960px; display:inline-table;height:1000px; background:#009"></div>
<div style=" background:#30F; float:right; display:inline-table;  width:auto; height:1000px;"></div>
dar nu merge :( .

#6
wasabi1948

wasabi1948

    Member

  • Grup: Members
  • Posts: 252
  • Înscris: 16.12.2005
Rezolvare simpla:

faci din cele 2 imagini una singura, plus 960px intre ele si o pui background pe body. Si ramai cu un singur div care are width: 960px si margin: 0 auto.

imaginea pentru background trebuie sa arate asa:

[imagine stanga][960px de alb][imagine dreapta]

#7
unu

unu

    Active Member

  • Grup: Members
  • Posts: 1,564
  • Înscris: 05.11.2005
nu folosi display:table/inline-table si alte prostii.

structura ar trebui sa fie ceva de genu:

<div id="stanga" style="background: #0F0">
  <div id="dreapta" style="background: #30F">
	<div id="centru" style="width: 940px; margin: 0 auto;background: #fff;">

	  ....

   </div>
 </div>
</div>

pur si simplu pune cele 2 imagini ca si fundal pe #stanga/#dreapta, si acel fundal va avea inaltimea div-ului "centru".
optional poti sa adaugi min-height: 100% pe body si #centru in caz ca ai putin continut in #centru...

Edited by unu, 22 July 2010 - 00:27.


Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate