Zaloguj się

Tiburon · 17-09-2009, 01:29

Witam!

mam problem z divami, mianowicie robiac strone podzielilem ja na 4 czesci dwie na górze to loga, a nizej #menu i #tresc, problem polega na tym ze tlo w menu i tresci jest obrazkowe i gdy np: w #tresci jest wiecej napisow niz w # menu to niestety tlo nemu nie rozciaga sie rownomiernie z #trescia, jak mozna to zmienic?

Oto kod Css

Kod:
html, body {

    background-color: #F1D8AE;

    color: #000;

    margin: 0;

    padding: 0;

}

#razem{

   background-color: #F1D8AE;

   padding: 0;

}

#logol{

margin-left: 12%;

width:265px;

height: 257px;

 float: left;

 overflow: hidden;

 position: relative;

 background-image: url(logol.jpg);

 background-repeat: no-repeat;

 }

 #logo{

 float: left;

 width: 629px;

 overflow: hidden;

 position: relative;

 height: 257px;

 background-image: url(logo.jpg);

 background-repeat: no-repeat;}

 #menu{

 margin-left: 12%;

 float: left;

 background-image: url(menu.jpg);

 background-repeat: repeat-y;

 width: 265px;

 overflow: hidden;

 position: relative;}

 #tresc{

 float: left;

 width: 629px;

 overflow: hidden;

 position: relative;

 background-image: url(tresc.jpg);

 background-repeat: repeat-y}

kod html

Kod:
<BODY>

<div id="razem">

<div id="logol"></div>

<div id="logo"></div>

<div id="page">

<div id="menu">

 <div align="center">

 <br>Tresc

 <br>Tresc

 <br>Tresc

 <br>Tresc

 <br>Tresc

 <br>Tresc

 <br>Tresc

  </div align>

</div>

<div id="tresc">

<div align="center">

 <br>Tresc

 <br>Tresc

 <br>Tresc

  </div align>

  </div>

</div>

<div id="stopka"></div>

<div id="stopka1">Design by Zabir</div>

</BODY>

</HTML>

mar22 · 17-09-2009, 19:25

mozesz np zrobic tak:

Kod:
html, body {

    background-color: #F1D8AE;

    color: #000;

    margin: 0;

    padding: 0;

}

#razem{

    float:left;

   background-color: black;

height:100%;

   padding: 0;

}

#logol{

margin-left: 12%;

width:265px;

height: 257px;

float: left;

overflow: hidden;

background-color: yellow; 

background-repeat: no-repeat;

}

#logo{

float: left;

width: 629px;

overflow: hidden;

height: 257px;

background-color:black;

background-repeat: no-repeat;}

#menu{

margin-left: 12%;

float: left;

background-color:green;

background-repeat: repeat-y;

width: 265px;

overflow: hidden;

height: 55%;

}

#tresc{

float: left;

width: 629px;

overflow: hidden;

height: 55%;

background-color:blue;

background-repeat: repeat-y}

#stopka{

clear:both;

background-color:aqua;

text-align:right;

}

Kod:
<html>

<head>

<link rel="stylesheet" type="text/css" media="all" href="styl.css" />

</head>

<body>

<div id="logol"></div>

<div id="logo"></div>

<div id="menu">

<div align="center">

<br/>Tresc

<br/>Tresc

<br/>Tresc

<br/>Tresc

<br/>Tresc

<br/>Tresc

<br/>Tresc

  </div>

</div>

<div id="tresc">

<div align="center">

<br/>Tresc

<br/>Tresc

<br/>Tresc

  </div>

  </div>

<div id="stopka">Design by Zabir</div>

</body>

</html>

Tiburon · (Ten post był ostatnio modyfikowany: 18-09-2009, 04:28 przez Tiburon.)

Ale w Twoim sposobie jest problem taki ze ograniczam ilosc dodawania tekstu, a ja chce, aby obie strony byly rownomiernie wysokie, bez wzgledu na tresc, a gdy tresc jest wieksza niz rozmiar strony to nie ucinalo mi jej.

Chciałbym jeszcze zapytac jak wysrodkowac wszystkie divy na srodek strony, dodam ze margin:0 auto nie dziala, marginesy sie zmieniaja pod roznymi rozdzielczosciami ekranu, a ja chcialbym wysrodkowac bez wzgledu na rozdzielczosc.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie