Rezultate 1 la 4 din 4

Subiect: Imaginea de background nu se repeta in pagina

  1. #1
    Avatarul lui Popescu Marian
    Popescu Marian este deconectat Ambasador
    Reputatie:
    45
    Data înscrierii
    18th April 2007
    Locaţie
    Bucuresti
    Vârstă
    44
    Posturi
    983
    Putere Rep
    45


    Implicit Imaginea de background nu se repeta in pagina

    Salut,

    Am o problema cu imaginea care nu se repeta in background-ul div-ului "pagina" care contine sidebarul stanga, contentul si sidebarul stanga. In IE se vede ok dar in restul nu. As vrea sa se repete si sa aibe inaltimea cat elementul cu cea mai mare inaltime (sidebar stanga, continut sau sidebar dreapta). Am atasat o diagrama si un screenshot cu problema.
    Div-ul "pagina-top" contine un slice cu imaginea de sus.
    Div-ul "pagina" ar trebui sa repete pe verticala un slice din imagine. O repeta daca pun height 100% la div-ul "pagina" dar o repeta doar cat e rezolutia ecranului.
    Div-ul "pagina-bottom" contine un slice cu imaginea de jos.
    Structura html este:
    Cod HTML:
    <div id="container">
    <div id="header">
    	<div id="title"></div>
    	<div id="meniu-sus"></div>
    </div>
    <div id="pagina-top"></div>
    <div id="pagina">
            <div id="sidebar-stanga">
    	    SIDEBAR STANGA
    	</div>
            <div id="continut">
                  CONTINUT
            </div>
            <div id="sidebar-dreapta">
                  SIDEBAR DREAPTA
            </div>
    </div>
    <div id="pagina-bottom"></div>
    <div id="footer">
    	FOOTER
    </div>
    </div>
    Iar CSS-ul este:
    Cod HTML:
    * {	margin:auto 0;padding: 0; }
    body
    {
    	background-color:#bfbfbf;
    	text-align: center;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size:13px;
    }
    
    div#container
    {
    	margin-left: auto;
    	margin-right: auto;
    	width: 1000px;
    	text-align: left;
    	background-color:#D5DBB5;
    }
    #header
    {
    	background-color:#b2ca0a;
    	width:1000px;
    	height:120px;
    }
    #pagina-top {
    	font-size: 0;
    	height:15px;
    	width:1000px;
    	background-image: url('../images/top-pagina.jpg');
    	background-repeat: no-repeat;
    }
    #pagina {
    	width:1000px;
    	background-image: url('../images/pagina-bg.jpg');
    	background-repeat: repeat-y;
    }
    #sidebar-stanga {
    	background-color:#9E9E9E;
    	float:left;
    	width:305px;
    	margin-left:10px;
    	text-align:center;
    }
    #continut {
    	background-color:#aEaEaE;
    	width:50%;
    	float:left;
    	margin-left:20px;
    }
    #sidebar-dreapta {
    	background-color:#9E9E9E;
    	float:right;
    	width:125px;
    	margin-right:15px;
    }
    #pagina-bottom {
    	height:15px;
    	width:1000px;
    	background-image: url('../images/pagina-bottom.jpg');
    	background-repeat: no-repeat;	
    }
    
    #footer {
    	clear:both;
    	color:#ffffff;
    	background-color:#222222;
    	width:1000px;
    	height:100px;
    	margin-bottom:10px;
    }
    Imagini atașate Imagini atașate
    Ultima modificare făcută de Popescu Marian; 8th April 2010 la 14:35.

  2. #2
    Avatarul lui Butcher
    Butcher este deconectat Membru SeoPedia
    Reputatie:
    33
    Data înscrierii
    15th June 2007
    Locaţie
    Constanta
    Vârstă
    42
    Posturi
    308
    Putere Rep
    33


    Implicit

    Daca faci debugging la css, sa zicem pui un "border:1px solid red" la div-ul cu id-ul #pagina o sa vezi ca ai pe firefox inaltime 0 .

    Da-i un float:left la div-ul cu #pagina.

  3. #3
    Avatarul lui Popescu Marian
    Popescu Marian este deconectat Ambasador
    Reputatie:
    45
    Data înscrierii
    18th April 2007
    Locaţie
    Bucuresti
    Vârstă
    44
    Posturi
    983
    Putere Rep
    45


    Implicit

    Ai dreptate, multumesc mult Butcher.

  4. #4
    Avatarul lui andrei_r
    andrei_r este deconectat Membru SeoPedia
    Reputatie:
    29
    Data înscrierii
    2nd April 2009
    Locaţie
    Iasi
    Vârstă
    41
    Posturi
    69
    Putere Rep
    29


    Implicit

    Sau si mai bine (daca ai avea contentul centrat atunci ar fi stricat de float left) poti sa pui overflow: hidden; pe #pagina.

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. Twitter Background Script
    De silcamataru în forumul Server side
    Răspunsuri: 8
    Ultimul Post: 11th March 2010, 02:44
  2. Efect alt imagini footer care se repeta in toate paginile
    De mindsoul în forumul Discutii generale privind optimizarea si motoarele de cautare
    Răspunsuri: 0
    Ultimul Post: 27th December 2009, 19:04
  3. background in cache?
    De username în forumul Client side
    Răspunsuri: 1
    Ultimul Post: 29th October 2009, 15:32
  4. Răspunsuri: 6
    Ultimul Post: 17th May 2008, 18:04
  5. background div
    De Mascka în forumul Client side
    Răspunsuri: 3
    Ultimul Post: 5th November 2007, 11:33

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •